skype embed en html + javascript

stone-protect · 5 Juin 2007

BONJOUR A TOUS

voila mon probleme
j'ai crée un module skype entierement en html que j'ai posé sur mon site

Vous devez être connecté pour voir les liens.

en cliquant sur le bouton "mon statut" cela appelle la personne demandée
jusque la tout vas bien^^
la commande est "skype

seudo?call"
maintenant j'aimerai pouvoir creer une conference a partir du meme module sur mon site
je sais que la commande est "skype

seudo1;pseudo2?call"
Ce que j'aimerai c'est faire un petit bouton et qu'en cliquant dessus cela propose les noms de la liste.
Puis pouvoir choisir les noms que l'on veut integrer a la conference.
Ensuite un autre bouton d'appelle qui appellera toutes les personnes selectionnées.
voila
j'espere avoir été asser explicite et que vous pourrez etre nombreux a me repondre et a m'aider
merci d'avance a tout ceux qui saurons m'indiquer la voie
ps:je pense que je vais devoir attaquer avec du javascript

KangOl · 5 Juin 2007

bha juste un <select multiple> et voila

stone-protect · 5 Juin 2007

en fait il faut que j'integre un formulaire (case a cocher) a ma page html et que les noms que je coche ,remplace la valeur pseudo1 , pseudo2 ect... de la ligne "skype

seudo1;pseudo2?call
j'ai donc ,je pense ,compris le principe mais je ne sais pas comment faire
voici le code de ma page
[cpp]<div align="center">
<table width="314" border="0">
<tr>
<td width="123">pseudo1</td>
<td width="141"><!--
Skype 'Mon statut' button

Vous devez être connecté pour voir les liens.

-->
<script type="text/javascript" src="http://www.isclan.fr/modules/skype/skypeCheck.js"></script>
<a href="skype

seudo1?call"><img src="http://mystatus.skype.com/mediumicon/pseudo1" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
</tr>
<tr>
<td>pseudo2</td>
<td><!--
Skype 'Mon statut' button

Vous devez être connecté pour voir les liens.

-->
<script type="text/javascript" src="http://www.isclan.fr/modules/skype/skypeCheck.js"></script>
<a href="skype

seudo2?call"><img src="http://mystatus.skype.com/mediumicon/pseudo2" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
</tr>
</table>
</div>
[/cpp]

KangOl · 6 Juin 2007

pourquoi tu inclus le js a chaque fois ?

KangOl · 6 Juin 2007

sinon, pour les checkbox, un simple getElementsByTagName devrais faire l'affaire ...

stone-protect · 6 Juin 2007

ben en fait j'ai inseré chaque fois le pseudo et le statut du membre dans un tableau.
et pour voir le statut du membre ca passe par le js c'est pourquoi il est a chaque pseudo.
je tiens quand meme a te dire que j'y connais vraiment rien
alors quand tu me dit "un simple getelementbytagname" excuse moi mais je nage

alors si tu pouvais approfondir...merci
et je te rappelle que ce que j'aimerai faire c'est mettre des cases a cocher pour que chaque pseudo coché soit envoyé dans un eligne du type "skype

seudo1;pseudo2?call"
ensuite creer un bouton qui ferai l'appelle des membres selectionnés

voila c'etait juste pour etre sur que l'on s'etait bien compris

KangOl · 7 Juin 2007

oui mais non : le script js, faut l'insérer une seule fois au début, ca suffit

stone-protect · 7 Juin 2007

ok j'ai essayé avec 1 seule fois le js et effectivement ca marche
maintenant pourrais tu preciser pour le getelementbytagname? ou est ce que je doit le mettre a quelle ligne ect....

KangOl · 7 Juin 2007

deja, tu mets une checkbox devant chaque nom, avec comme value le nom en question

et vu que tu a foutu tout ca dans une table, tu lui donne un id (unique)

puis tu rajoute un lien avec l'image skype en bas du tableau et tu lui donne aussi un id

ensuite tu adaptes le code : [ code a venir dans un message suivant]

KangOl · 7 Juin 2007

Code:

if (typeof $ == "undefined") {
  $ = function(id) { return getElementById(id); };
}

var daTable = $("iddutableau");
var inputs = daTabla.getElementsByTagName("input");
var checked = new Array();
for (var i = 0; i < inputs.length; ++i) {
  if (inputs[i].type != "checkbox") { continue; }
  if (inputs[i].checked) { checked.push(inputs[i].value); }
}
var lnk = $("thelink");
lnk.href = "skype:" + checked.join(";") + "?call";

note : code non testé, il y a surement des fautes...

stone-protect · 7 Juin 2007

Code rectifié

Code:

<div align="center">
  <table width="489" height="460" border="0" id="Stone">
    <tr>
      <td width="206"><form id="form1" name="form1" method="post" action="">
        <label>
          <input type="checkbox" name="checkbox" value="is_destroy" />
          -Ï$-DESTROY</label>
      </form>
      </td>
      <td width="273"><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<script type="text/javascript" src="http://www.isclan.fr/modules/skype/skypeCheck.js"></script>
<a href="skype:is_destroy?call"><img src="http://mystatus.skype.com/mediumicon/is_destroy" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox2" value="legend92100" />
          -Ï$-DJIHAD</label>
     </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:legend92100?call"><img src="http://mystatus.skype.com/mediumicon/legend92100" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox3" value="carlsj" />
          -Ï$-RYDER</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:carlsj?call"><img src="http://mystatus.skype.com/mediumicon/carlsj" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox4" value="is_terik" />
          -Ï$-TERIK</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:is_terik?call"><img src="http://mystatus.skype.com/mediumicon/is_terik" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox5" value="unknowdistrictboy" />
          -Ï$-UNKNOW</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:unknowdistrictboy?call"><img src="http://mystatus.skype.com/mediumicon/unknowdistrictboy" style="border: none;" width="30" height="30" alt="My status" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox6" value="carret21" />
          -Ï$-GODLIKE</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:carret21?call"><img src="http://mystatus.skype.com/mediumicon/carret21" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox7" value="byakuya91" />
          -Ï$-BYAKU</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:byakuya91?call"><img src="http://mystatus.skype.com/mediumicon/byakuya91" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
</td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox8" value="firechiefs" />
          -Ï$-CHIEF</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:firechiefs?call"><img src="http://mystatus.skype.com/mediumicon/firechiefs" style="border: none;" width="30" height="30" alt="Mon statut" /></a></td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox9" value="erotica9" />
          -Ï$-EROTICA</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:erotica9?call"><img src="http://mystatus.skype.com/mediumicon/erotica9" style="border: none;" width="30" height="30" alt="Mon statut" /></a></td>
    </tr>
    <tr>
      <td>
        <label>
          <input type="checkbox" name="checkbox10" value="iswayne93" />
          -Ï$-WAYNE ( AFK )</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:iswayne93?call"><img src="http://mystatus.skype.com/mediumicon/iswayne93" style="border: none;" width="30" height="30" alt="Mon statut" /></a></td>
    </tr>
    <tr>
      <td>
        <label>
        <input type="checkbox" name="checkbox11" value="dr-evil850" />
        -Ï$-DR.EVIL ( AFK )</label>
      </td>
      <td><!--
Skype 'Mon statut' button
[url=http://www.skype.com/go/skypebuttons]http://www.skype.com/go/skypebuttons[/url]
-->
<a href="skype:dr-evil850?call"><img src="http://mystatus.skype.com/mediumicon/dr-evil850" style="border: none;" width="30" height="30" alt="Mon statut" /></a></td>
    </tr>
  </table>
  <script src="conf.js" type="text/javascript" language="javascript"></script> 
  </div>

KangOl · 7 Juin 2007

bha dans ce cas, un petit tour sur le siteduzero et puis on continue parce que la...

1/ un seul <form> suffit
2/ le value des checkbox

3/ manque le lien de conversation...

stone-protect · 7 Juin 2007

j'ai trouvé pour l'id de la table
j'ai donc appellé ma table Stone ( <table width="489" height="460" border="0" id="Stone"> )

1) voila j'ai viré tout les <form> sauf le 1er. Est ce que je dois lui donner un nom?

2) maintenant pour le value des checkbox je dois mettre le nom des membres dans chaque value?
c'est a dire (<label>
<input type="checkbox" name="checkbox" value="is_destroy" />
-Ï$-DESTROY</label>)

Regarde le code au dessus je l'ai rectifié

KangOl · 7 Juin 2007

1/ oui
2/ oui

stone-protect · 7 Juin 2007

c'est cool c'est une aide en live ^^

bon alors je pense que tout est bon

il me reste qu'a mettre le lien + son id

ensuite le code que tu m'a filé , je dois l'enregistré en php ou en html?

KangOl · 7 Juin 2007

mon code est pas totalement valide au fait, il manque l'appel automatique ...

stone-protect · 7 Juin 2007

3) manque le lien de conversation

je pensais mettre l'image du bouton appelle pour le lien

que veux tu dire par appel automatique?

Code:

puis tu rajoute un lien avec l'image skype en bas du tableau et tu lui donne aussi un id

j'ai pas compris cette etape

stone-protect · 7 Juin 2007

bon reprenons

les checkbox sont en place avec les noms : ok
1 seule balise <form> : ok
1seul js : ok
ID de la table : ok

maintenant il manque le lien avec l'image skype en bas du tableau avec aussi un id

alors pour ca j'ai encore besoin que tu m'explique parce que j'ai pas compris du tout la phrase

ps: merci pour ton aide qui est super efficace et dsl de te faire perdre de ton temps
en tout cas ca fait plaisir de voir qu'il reste des gens sympas prets a aider les autres

KangOl · 7 Juin 2007

bha tu rajoute simplement un lien en bas de ton tableau (enfin, tu peux le mettre ou tu veux en fait) sur lequel les gens clickeron pour creer la conférence

et ce lien doit avoir un id.

stone-protect · 7 Juin 2007

ok la j'ai uploadé mon code html sur mon ftp

ce qui donne

Vous devez être connecté pour voir les liens.

le code que tu as fais c'est du php? ou du html?
et je l'enregistre sous quel nom?
ensuite le lien il vise quoi?c'est un lien vers ton code?
l'id du lien je dois le mettre a quelle place dans ton code?

au fait on pourrai peut etre faire ca par msn? si ca te va.
stone-protect@hotmail.fr (au cas ou )

skype embed en html + javascript

stone-protect

KangOl

stone-protect

KangOl

KangOl

stone-protect

KangOl

stone-protect

KangOl

KangOl

stone-protect

KangOl

stone-protect

KangOl

stone-protect

KangOl

stone-protect

stone-protect

KangOl

stone-protect