Inserer une radio telle une chatbox latéral

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

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 le Mar 9 Avr 2013 - 18:19

Bonjour,

J'aurais souhaité savoir si en ce basant sur cette astuce:
http://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
**

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 le 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
+ Hyperactif +

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

http://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 le 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
**

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 le 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
+ Hyperactif +

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

http://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 le 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
**

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 le 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
+ Hyperactif +

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

http://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 le 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
**

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 le Mar 9 Avr 2013 - 20:10

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

Bonne soirée.
Cordialement

Scipion
+ Hyperactif +

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

http://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 le Mer 10 Avr 2013 - 15:03

Bonjour Scipion,

Je me permet de te laisser un code deezer:

Spoiler:
<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>

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

Merci

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 le 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
+ Hyperactif +

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

http://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 le Mer 10 Avr 2013 - 15:45

Impeccable !

merci Scipion^^

Je met le sujet en résolu.

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


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