Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
696 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Vidéo youtube sur image

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Vidéo youtube sur image

n°2009830
pr0faz
Le sommeil est une séparation.
Posté le 18-07-2010 à 21:56:48  profilanswer
 

Bonsoir,
 
Je n'arrive plus à trouver la méthode qui consiste à mettre une vidéo youtube sur une image de fond. On peut m'éclairer ?
 
Merci


---------------
Mes VenTes - Mes AchaTs
mood
Publicité
Posté le 18-07-2010 à 21:56:48  profilanswer
 

n°2009958
Pascal le ​nain
Posté le 19-07-2010 à 12:21:25  profilanswer
 

C'est simple pourtant :p
Tu bloques où ?

n°2010398
pr0faz
Le sommeil est une séparation.
Posté le 20-07-2010 à 14:53:01  profilanswer
 

J'y suis arrivé mais je bloque ailleurs. Sur un menu. En fait je veux intégrer un menu dans facebook. Jusqu'à maintenant ça fonctionne, mais quand je suis sur l'onglet 3 du menu et que je veux retourner à l'onglet 1, le focus reste sur l'onglet 3.  
 
Voici le code :
 

Code :
  1. <div style="display:none">
  2. <fb:tabs><fb:tab-item title='toto'/>
  3. </div>
  4. <script>
  5. <!--
  6. function switch_menu(element) {
  7. //verification de l'existence de la classe sur l'element cliqué
  8. if(element.hasClassName('selected')) {
  9. return false;
  10. }
  11. //accede a tous les element "a"  
  12. var menu = document.getElementById("toggle_tabs_unused" ).getElementsByTagName('a');
  14. //parcourt le tableau de "a" et enleve tout les class selected
  15. for(var i = 0;i < menu.length ;i++) {
  16. menu[i].removeClassName('selected');
  17. }
  19. //ajoute la classe selected à l'element html
  20. element.addClassName('selected');
  21. return false;
  22. }
  23. //-->
  24. </script>
  25. <div style="position: relative; overflow: hidden">
  26. <div class="tabs clearfix">
  27. <center>
  28. <div class="left_tabs">
  29. <ul class="toggle_tabs" id="toggle_tabs_unused">
  30. <li><a href="http://www.facebook.com/pages/Esrit-Li/142626145749313?v=app_6009294086" clicktoshow="div1" clicktohide="div2,div3,div4" onclick="switch_menu(this)" class="">menu 1</a></li>
  31. <li><a href="http://www.facebook.com/pages/Esrit-Li/142626145749313?v=app_7146470109" clicktoshow="div2" clicktohide="div1,div3,div4" onclick="switch_menu(this)">menu 2</a></li>
  32. <li><a href="http://www.facebook.com/pages/Esrit-Li/142626145749313?v=app_10442206389" clicktoshow="div3" clicktohide="div1,div2,div4" onclick="switch_menu(this)">menu 3</a></li>
  33. <li><a href="" clicktoshow="div4" clicktohide="div1,div2,div3" onclick="switch_menu(this)">menu 4</a></li>
  34. </ul>
  35. </div>
  36. </center>
  37. </div>
  38. </div>
  39. <div id="conteneur">
  40. <div id="div1">
  41. Contenu de l'element 1
  42. </div>
  43. <div id="div2" style="display: none;">
  44. Contenu de l'element 2
  45. </div>
  46. <div id="div3" style="display: none;">
  47. Contenu de l'element 3
  48. </div>
  49. <div id="div4" style="display: none;">
  50. Contenu de l'element 4
  51. </div>
  52. </div>


---------------
Mes VenTes - Mes AchaTs
n°2010549
pr0faz
Le sommeil est une séparation.
Posté le 20-07-2010 à 23:19:39  profilanswer
 

Bon, c'est arrangé. Une idée pour que le menu 1 se mette entièrement sur la gauche et le reste sur la droite ?


---------------
Mes VenTes - Mes AchaTs
n°2010554
pr0faz
Le sommeil est une séparation.
Posté le 21-07-2010 à 00:22:44  profilanswer
 

Grr, impossible de savoir mettre l'onglet du menu 1 à gauche et le reste à droite
 
 

Code :
  1. <div style="position: relative; overflow: hidden">
  2. <div class="tabs clearfix">
  3. <center>
  4. <div class="left_tabs">
  5. <ul class="toggle_tabs" id="toggle_tabs_unused">
  6. <li><a href="#" clicktoshow="div1" clicktohide="div2,div3,div4" onclick="switch_menu(this)">menu 1</a></li>
  7. <li><a href="#" clicktoshow="div2" clicktohide="div1,div3,div4" onclick="switch_menu(this)">menu 2</a></li>
  8. <li><a href="#" clicktoshow="div3" clicktohide="div1,div2,div4" onclick="switch_menu(this)">menu 3</a></li>
  9. <li><a href="#" clicktoshow="div4" clicktohide="div1,div2,div3" onclick="switch_menu(this)">menu 4</a></li>
  10. </ul>
  11. </div>
  12. </center>
  13. </div>
  14. </div>


 
Vous y voyez quelque chose ?


---------------
Mes VenTes - Mes AchaTs
n°2010559
Pascal le ​nain
Posté le 21-07-2010 à 04:29:04  profilanswer
 

Un en float:left et l'autre en float:right ?

n°2010971
pr0faz
Le sommeil est une séparation.
Posté le 22-07-2010 à 12:40:49  profilanswer
 

J'y ai pensé mais je n'arrive pas à le placer (ça doit bien faire 10ans que je n'utilise plus html...)


---------------
Mes VenTes - Mes AchaTs
n°2011942
pr0faz
Le sommeil est une séparation.
Posté le 26-07-2010 à 22:21:12  profilanswer
 

Rha, je galère là


---------------
Mes VenTes - Mes AchaTs
n°2012269
pr0faz
Le sommeil est une séparation.
Posté le 27-07-2010 à 20:58:17  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°2012279
Pascal le ​nain
Posté le 27-07-2010 à 21:54:25  profilanswer
 

Que se passe-t-il quand tu mets float:left et float:right ?

mood
Publicité
Posté le 27-07-2010 à 21:54:25  profilanswer
 

n°2012298
pr0faz
Le sommeil est une séparation.
Posté le 27-07-2010 à 23:29:44  profilanswer
 

le problème c'est que je ne sais pas où le placer... J'ai essayé entre <li></li>, mais y a rien qui se passe.


Message édité par pr0faz le 27-07-2010 à 23:35:01

---------------
Mes VenTes - Mes AchaTs
n°2012303
Pascal le ​nain
Posté le 28-07-2010 à 01:36:58  profilanswer
 

Les <li> doivent etre affecté par le float.
Quels sont les styles que tu appliques ?

n°2012363
pr0faz
Le sommeil est une séparation.
Posté le 28-07-2010 à 10:34:28  profilanswer
 

Voila le code en entier :
 

Code :
  1. <div style="display:none">
  2. <fb:tabs><fb:tab-item title='toto'/>
  3. </div>
  4. <script>
  5. <!--
  6. function switch_menu(element) {
  7. //verification de l'existence de la classe sur l'element cliqué
  8. if(element.hasClassName('selected')) {
  9. return false;
  10. }
  11. //accede a tous les element "a"  
  12. var menu = document.getElementById("toggle_tabs_unused" ).getElementsByTagName('a');
  14. //parcourt le tableau de "a" et enleve tout les class selected
  15. for(var i = 0;i < menu.length ;i++) {
  16. menu[i].removeClassName('selected');
  17. }
  19. //ajoute la classe selected à l'element html
  20. element.addClassName('selected');
  21. return false;
  22. }
  23. //-->
  24. </script>
  25. <div style="position: relative; overflow: hidden">
  26. <div class="tabs clearfix">
  27. <center>
  28. <div class="left_tabs">
  29. <ul class="toggle_tabs" id="toggle_tabs_unused">
  30. <li><a href="#" clicktoshow="div1" clicktohide="div2,div3,div4" onclick="switch_menu(this)" class="selected">element menu 1</a></li>
  31. <li><a href="#" clicktoshow="div2" clicktohide="div1,div3,div4" onclick="switch_menu(this)">element menu 2</a></li>
  32. <li><a href="#" clicktoshow="div3" clicktohide="div1,div2,div4" onclick="switch_menu(this)">element menu 3</a></li>
  33. <li><a href="#" clicktoshow="div4" clicktohide="div1,div2,div3" onclick="switch_menu(this)">element menu 4</a></li>
  34. </ul>
  35. </div>
  36. </center>
  37. </div>
  38. </div>
  39. <div id="conteneur">
  40. <div id="div1">
  41. Contenu de l'element 1
  42. </div>
  43. <div id="div2" style="display: none;">
  44. Contenu de l'element 2
  45. </div>
  46. <div id="div3" style="display: none;">
  47. Contenu de l'element 3
  48. </div>
  49. <div id="div4" style="display: none;">
  50. Contenu de l'element 4
  51. </div>
  52. </div>


---------------
Mes VenTes - Mes AchaTs
n°2012423
Pascal le ​nain
Posté le 28-07-2010 à 13:13:53  profilanswer
 

Quels sont les styles appliqués à la classe toggle_tabs et à ses dérivés ?

n°2012434
pr0faz
Le sommeil est une séparation.
Posté le 28-07-2010 à 13:53:17  profilanswer
 

Aucun Pascal, tout est là.


---------------
Mes VenTes - Mes AchaTs
n°2012436
pr0faz
Le sommeil est une séparation.
Posté le 28-07-2010 à 13:55:39  profilanswer
 

Ah, où tu veux savoir quel style est généré par "toggle_tabs" ?


---------------
Mes VenTes - Mes AchaTs
n°2012540
Pascal le ​nain
Posté le 28-07-2010 à 16:06:54  profilanswer
 

Mais comment appliques-tu tes styles si tu n'utilises pas de css ?

n°2012597
pr0faz
Le sommeil est une séparation.
Posté le 28-07-2010 à 17:09:09  profilanswer
 

C'est en fbml (sur facebook)


---------------
Mes VenTes - Mes AchaTs
n°2012673
pr0faz
Le sommeil est une séparation.
Posté le 28-07-2010 à 20:28:12  profilanswer
 

Je t'ai retrouvé le lien pour que tu regardes de plus près le code en question :
 
http://www.facebooker.fr/creer-un- [...] lfbjs.html


---------------
Mes VenTes - Mes AchaTs
n°2013296
pr0faz
Le sommeil est une séparation.
Posté le 30-07-2010 à 20:36:54  profilanswer
 

T'as pas trouvé une astuce Pascal ?


---------------
Mes VenTes - Mes AchaTs
n°2013322
Pascal le ​nain
Posté le 31-07-2010 à 00:00:08  profilanswer
 

Euh non je ne suis pas vraiment à l'aise avec le fbml...
Si tu peux pas choisir les styles que tu veux, ca sera difficile...

n°2013346
pr0faz
Le sommeil est une séparation.
Posté le 31-07-2010 à 09:54:01  profilanswer
 

oui j'me doute, pourtant y doit bien y avoir une solution, je trifouille mais pour l'instant rien ne va


---------------
Mes VenTes - Mes AchaTs
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Vidéo youtube sur image

 

Sujets relatifs
lien sur image avec IE8Facebook [FBML] Insérer image GIF.
La video avec JAVA/JVM c'est possible?[Resolu] Probleme image en bordure de bloc !
echo apres une image PHP ne marche pas !!!!Petite image déco en arrière-plan -> positionnement ?
Problème d'affichage d'image avec imagepng (débutant)image centrée dans div overflow
XML - XSLT : mettre title dans imageProblème insertion de video youtube sur image.
Plus de sujets relatifs à : Vidéo youtube sur image

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.077 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR