FORUM Tom's Hardware » Programmation » HTML / Javascript » skype embed en html + javascript
 

skype embed en html + javascript

C16-TR Le Bistrot : Thor941, KeyserSoze et 199 utilisateurs inconnus
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : skype embed en html + javascript
 
stone-prot ect
Plus d'informations
n°31493
05-06-2007 à 21:12:31

BONJOUR A TOUS

voila mon probleme
j'ai crée un module skype entierement en html que j'ai posé sur mon site
http://www.isclan.fr/index.php?fil [...] name=skype
en cliquant sur le bouton "mon statut" cela appelle la personne demandée
jusque la tout vas bien^^
la commande est "skype:pseudo?call"
maintenant j'aimerai pouvoir creer une conference a partir du meme module sur mon site
je sais que la commande est "skype:pseudo1;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
Profil : Pointeur
Plus d'informations
n°31494
05-06-2007 à 21:57:54

bha juste un <select multiple> et voila :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31497
05-06-2007 à 22:31:16

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:pseudo1;pseudo2?call
j'ai donc ,je pense ,compris le principe mais je ne sais pas comment faire
voici le code de ma page

Code :
  1. <div align="center">
  2.   <table width="314" border="0">
  3.     <tr>
  4.       <td width="123">pseudo1</td>
  5.       <td width="141"><!--
  6. Skype 'Mon statut' button
  7. http://www.skype.com/go/skypebuttons
  8. -->
  9. <script type="text/javascript" src="http://www.isclan.fr/modules/skype/skypeCheck.js"></script>
  10. <a href="skype:pseudo1?call"><img src="http://mystatus.skype.com/mediumicon/pseudo1" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
  11. </td>
  12.     </tr>
  13.     <tr>
  14.       <td>pseudo2</td>
  15.       <td><!--
  16. Skype 'Mon statut' button
  17. http://www.skype.com/go/skypebuttons
  18. -->
  19. <script type="text/javascript" src="http://www.isclan.fr/modules/skype/skypeCheck.js"></script>
  20. <a href="skype:pseudo2?call"><img src="http://mystatus.skype.com/mediumicon/pseudo2" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
  21. </td>
  22.     </tr>
  23. </table>
  24. </div>




Message édité par stone-prot ect le 05-06-2007 à 23:43:44
KangOl
Profil : Pointeur
Plus d'informations
n°31579
06-06-2007 à 18:33:16

pourquoi tu inclus le js a chaque fois ?


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
KangOl
Profil : Pointeur
Plus d'informations
n°31580
06-06-2007 à 18:33:44

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


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31595
06-06-2007 à 22:37:24

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:pseudo1;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 ;)


Message édité par stone-prot ect le 06-06-2007 à 22:41:52
KangOl
Profil : Pointeur
Plus d'informations
n°31685
07-06-2007 à 18:04:22

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


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31688
07-06-2007 à 18:55:47

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
Profil : Pointeur
Plus d'informations
n°31689
07-06-2007 à 20:57:52

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]


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
KangOl
Profil : Pointeur
Plus d'informations
n°31690
07-06-2007 à 21:05:23

Code :
  1. if (typeof $ == "undefined" ) {
  2.   $ = function(id) { return getElementById(id); };
  3. }
  5. var daTable = $("iddutableau" );
  6. var inputs = daTabla.getElementsByTagName("input" );
  7. var checked = new Array();
  8. for (var i = 0; i < inputs.length; ++i) {
  9.   if (inputs[i].type != "checkbox" ) { continue; }
  10.   if (inputs[i].checked) { checked.push(inputs[i].value); }
  11. }
  12. var lnk = $("thelink" );
  13. lnk.href = "skype:" + checked.join(";" ) + "?call";




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


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31691
07-06-2007 à 21:58:37

Code rectifié

Code :
  1. <div align="center">
  2.   <table width="489" height="460" border="0" id="Stone">
  3.     <tr>
  4.       <td width="206"><form id="form1" name="form1" method="post" action="">
  5.         <label>
  6.           <input type="checkbox" name="checkbox" value="is_destroy" />
  7.           -Ï$-DESTROY</label>
  8.       </form>
  9.       </td>
  10.       <td width="273"><!--
  11. Skype 'Mon statut' button
  12. http://www.skype.com/go/skypebuttons
  13. -->
  14. <script type="text/javascript" src="http://www.isclan.fr/modules/skype/skypeCheck.js"></script>
  15. <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>
  16. </td>
  17.     </tr>
  18.     <tr>
  19.       <td>
  20.         <label>
  21.           <input type="checkbox" name="checkbox2" value="legend92100" />
  22.           -Ï$-DJIHAD</label>
  23.     </td>
  24.       <td><!--
  25. Skype 'Mon statut' button
  26. http://www.skype.com/go/skypebuttons
  27. -->
  28. <a href="skype:legend92100?call"><img src="http://mystatus.skype.com/mediumicon/legend92100" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
  29. </td>
  30.     </tr>
  31.     <tr>
  32.       <td>
  33.         <label>
  34.           <input type="checkbox" name="checkbox3" value="carlsj" />
  35.           -Ï$-RYDER</label>
  36.       </td>
  37.       <td><!--
  38. Skype 'Mon statut' button
  39. http://www.skype.com/go/skypebuttons
  40. -->
  41. <a href="skype:carlsj?call"><img src="http://mystatus.skype.com/mediumicon/carlsj" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
  42. </td>
  43.     </tr>
  44.     <tr>
  45.       <td>
  46.         <label>
  47.           <input type="checkbox" name="checkbox4" value="is_terik" />
  48.           -Ï$-TERIK</label>
  49.       </td>
  50.       <td><!--
  51. Skype 'Mon statut' button
  52. http://www.skype.com/go/skypebuttons
  53. -->
  54. <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>
  55. </td>
  56.     </tr>
  57.     <tr>
  58.       <td>
  59.         <label>
  60.           <input type="checkbox" name="checkbox5" value="unknowdistrictboy" />
  61.           -Ï$-UNKNOW</label>
  62.       </td>
  63.       <td><!--
  64. Skype 'Mon statut' button
  65. http://www.skype.com/go/skypebuttons
  66. -->
  67. <a href="skype:unknowdistrictboy?call"><img src="http://mystatus.skype.com/mediumicon/unknowdistrictboy" style="border: none;" width="30" height="30" alt="My status" /></a>
  68. </td>
  69.     </tr>
  70.     <tr>
  71.       <td>
  72.         <label>
  73.           <input type="checkbox" name="checkbox6" value="carret21" />
  74.           -Ï$-GODLIKE</label>
  75.       </td>
  76.       <td><!--
  77. Skype 'Mon statut' button
  78. http://www.skype.com/go/skypebuttons
  79. -->
  80. <a href="skype:carret21?call"><img src="http://mystatus.skype.com/mediumicon/carret21" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
  81. </td>
  82.     </tr>
  83.     <tr>
  84.       <td>
  85.         <label>
  86.           <input type="checkbox" name="checkbox7" value="byakuya91" />
  87.           -Ï$-BYAKU</label>
  88.       </td>
  89.       <td><!--
  90. Skype 'Mon statut' button
  91. http://www.skype.com/go/skypebuttons
  92. -->
  93. <a href="skype:byakuya91?call"><img src="http://mystatus.skype.com/mediumicon/byakuya91" style="border: none;" width="30" height="30" alt="Mon statut" /></a>
  94. </td>
  95.     </tr>
  96.     <tr>
  97.       <td>
  98.         <label>
  99.           <input type="checkbox" name="checkbox8" value="firechiefs" />
  100.           -Ï$-CHIEF</label>
  101.       </td>
  102.       <td><!--
  103. Skype 'Mon statut' button
  104. http://www.skype.com/go/skypebuttons
  105. -->
  106. <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>
  107.     </tr>
  108.     <tr>
  109.       <td>
  110.         <label>
  111.           <input type="checkbox" name="checkbox9" value="erotica9" />
  112.           -Ï$-EROTICA</label>
  113.       </td>
  114.       <td><!--
  115. Skype 'Mon statut' button
  116. http://www.skype.com/go/skypebuttons
  117. -->
  118. <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>
  119.     </tr>
  120.     <tr>
  121.       <td>
  122.         <label>
  123.           <input type="checkbox" name="checkbox10" value="iswayne93" />
  124.           -Ï$-WAYNE ( AFK )</label>
  125.       </td>
  126.       <td><!--
  127. Skype 'Mon statut' button
  128. http://www.skype.com/go/skypebuttons
  129. -->
  130. <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>
  131.     </tr>
  132.     <tr>
  133.       <td>
  134.         <label>
  135.         <input type="checkbox" name="checkbox11" value="dr-evil850" />
  136.         -Ï$-DR.EVIL ( AFK )</label>
  137.       </td>
  138.       <td><!--
  139. Skype 'Mon statut' button
  140. http://www.skype.com/go/skypebuttons
  141. -->
  142. <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>
  143.     </tr>
  144.   </table>
  145.   <script src="conf.js" type="text/javascript" language="javascript"></script>
  146.   </div>


Message édité par stone-prot ect le 08-06-2007 à 00:06:43
KangOl
Profil : Pointeur
Plus d'informations
n°31692
07-06-2007 à 22:20:43

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 :o
3/ manque le lien de conversation...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31693
07-06-2007 à 22:31:22

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é


Message édité par stone-prot ect le 07-06-2007 à 22:42:47
KangOl
Profil : Pointeur
Plus d'informations
n°31694
07-06-2007 à 22:43:30

1/ oui
2/ oui


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31695
07-06-2007 à 22:50:45

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
Profil : Pointeur
Plus d'informations
n°31696
07-06-2007 à 22:54:51

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


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
stone-prot ect
Plus d'informations
n°31697
07-06-2007 à 23:02:44