Inserer une radio telle une chatbox latéral

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Inserer une radio telle une chatbox latéral

Message par zefonky Mar 9 Avr 2013 - 18:19

Bonjour,

J'aurais souhaité savoir si en ce basant sur cette astuce:
https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

il était possible d'insérer une radio (un widget) qui s'ouvre et se ferme de la même manière ?

Merci.


Dernière édition par zefonky le Mer 10 Avr 2013 - 15:54, édité 1 fois
zefonky

zefonky
**

Messages : 78
Inscrit(e) le : 22/03/2013

http://www.misterfonky.com
zefonky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par Scipion Mar 9 Avr 2013 - 18:40

Bonsoir

Après avoir installé le panneau latéral coulissant, il vous est possible de choisir une radio sur internet et prélever son code, comme sur le site suivant :

http://esa-dev.com/radio-live/

Ensuite vous installez ce code directement dans celui du panneau latéral :

Un exemple :

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 300px; height: 100px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
<iframe src="http://esa-dev.com/radio-live/player.php?en=0" width="300" height="100" allowtransparency="true" background-color="transparent" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par zefonky Mar 9 Avr 2013 - 19:06

Merci Scipion,

Cela fonctionne parfaitement sauf que: je m'explique.
J'ai déjà installé la chatbox latéral coté gauche et installé ton script coté droit
le problème est que quand je clique sur ouvrir pour la radio, c'est la chatbox qui s'ouvre et non la radio...(j'espère avoir été clair).

Un moyen d'y remédier ou bien un seul panneau latéral est possible ?
zefonky

zefonky
**

Messages : 78
Inscrit(e) le : 22/03/2013

http://www.misterfonky.com
zefonky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par Scipion Mar 9 Avr 2013 - 19:10

Dans ce cas il faut me donner le code le la chatbox latérale pour voir ce que je peux faire.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par zefonky Mar 9 Avr 2013 - 19:18

Merci Scipion pour ton aide.

Je vais finalement afficher la chatbox en bas de page
et garder ton code pour la radio Wink

Cela dit, puis je insérer une autre radio que celle de ton script ?
zefonky

zefonky
**

Messages : 78
Inscrit(e) le : 22/03/2013

http://www.misterfonky.com
zefonky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par Scipion Mar 9 Avr 2013 - 19:25

Oui, c'est possible, mais pour ce faire il ne faudrait pas oublier de bien encadrer le module radio en adaptant ses dimensions en largeur et en hauteur avec celles du panneau latéral, exactement comme je l'ai fait sur mon exemple.

Par ailleurs, vous pouvez également harmoniser le background du panneau avec la couleur du module radio.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par zefonky Mar 9 Avr 2013 - 20:08

Très bien,

Je testerai un peu plus tard, je laisse le sujet ouvert pendant ce temps.

Cordialement Wink
zefonky

zefonky
**

Messages : 78
Inscrit(e) le : 22/03/2013

http://www.misterfonky.com
zefonky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par Scipion Mar 9 Avr 2013 - 20:10

Sans problème, je reste à l'écoute.

Bonne soirée.
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par zefonky Mer 10 Avr 2013 - 15:03

Bonjour Scipion,

Je me permet de te laisser un code deezer:

Spoiler:

Pourrais tu l'intégrer pour faire en sorte que la radio s'ouvre et se ferme
comme la chatbox latérale ?

Merci
zefonky

zefonky
**

Messages : 78
Inscrit(e) le : 22/03/2013

http://www.misterfonky.com
zefonky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par Scipion Mer 10 Avr 2013 - 15:34

Bonjour zefonky

Voilà le panneau avec :

- code deezer intégré et ajusté
- ouverture à droite

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 270px; height: 600px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

<iframe scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=270&height=600&cover=true&type=radio&id=radio-6&title=&format=vertical&app_id=undefined" width="270" height="600"></iframe>

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Like a Star @ heaven Le code doit être installé tel quel, merci.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer une radio telle une chatbox latéral

Message par zefonky Mer 10 Avr 2013 - 15:45

Impeccable !

merci Scipion^^

Je met le sujet en résolu.
zefonky

zefonky
**

Messages : 78
Inscrit(e) le : 22/03/2013

http://www.misterfonky.com
zefonky a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum