Gérer le contenu d'un panneau latéral
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Gérer le contenu d'un panneau latéral
Bonjour, j'avais trouvé un code JS y'a pas longtemps, c'est un genre de panneau latéral, voilà le code :
Ce code marche bien, par contre je n'arrive pas à gérer le contenu du panneau, je veux par exemple mettre du texte, des images ou des liens , mais le contenu apparait en dehors du panneau, du coup je ne sais pas comment m'y prendre, merci de m'expliquer comment ca marche
- Spoiler:
- Code:
jQuery(document).ready(function() { jQuery('body').append('<table cellspacing="0" cellpadding="0" style="position: absolute; top: 195px; left: 0px; z-index:10000;"><tr><td><div id="panneau" scrolling="no" style=" box-shadow: 1px 1px 4px #555; border-radius: 0 10px 10px 0; background-color: #ac3e91; width: 400px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
<img src="http://files.getwebb.org/files/b3/a0/a3/37a080541d1b0cd3cf9dc49e6d6c2a15d4/source.png"><img src="http://files.getwebb.org/files/c3/d5/dc/b93e97b1e894a48f6e6d82390578e2e631/source.png">
<td style="text-align: justify; overflow:scroll; font-family: Arial; font-size: 11px; color: white; letter-spacing: 0; width: 182px; height: 144px;">TEXTE TEXTE</td>
</div></td><td style="vertical-align: middle;"><img src="http://i45.servimg.com/u/f45/16/75/16/53/source11.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i45.servimg.com/u/f45/16/75/16/53/source11.png\')?\'block\':\'none\';this.src=(this.src==\'http://i45.servimg.com/u/f45/16/75/16/53/source11.png\')?\'http://img4.hostingpics.net/pics/126982clooo.png\':\'http://i45.servimg.com/u/f45/16/75/16/53/source11.png\';"/></td></tr></table>'); } );
Ce code marche bien, par contre je n'arrive pas à gérer le contenu du panneau, je veux par exemple mettre du texte, des images ou des liens , mais le contenu apparait en dehors du panneau, du coup je ne sais pas comment m'y prendre, merci de m'expliquer comment ca marche
Dernière édition par jiji98 le Jeu 2 Fév 2012 - 21:27, édité 1 fois
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Re: Gérer le contenu d'un panneau latéral
Bonjour,
J'avais fait ce générateur qui pourrait aider :
http://www.maonyn.com/h10-generateur-de-pannel
Sinon en le faisant à la main, en gros si vous avez un code comme dans le tutoriel :
https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant#2703434
Il faut remplacer Texte par votre texte, aussi il ne faut pas de retour à la ligne ( de toute façon pour un retour à la ligne apparent il faut mettre <br /> ) et à chaque fois que vous voulez mettre ' il faut mettre \' à la place.
Mais normalement le générateur devrait fonctionner.
Cordialement.
J'avais fait ce générateur qui pourrait aider :
http://www.maonyn.com/h10-generateur-de-pannel
Sinon en le faisant à la main, en gros si vous avez un code comme dans le tutoriel :
https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant#2703434
Il faut remplacer Texte par votre texte, aussi il ne faut pas de retour à la ligne ( de toute façon pour un retour à la ligne apparent il faut mettre <br /> ) et à chaque fois que vous voulez mettre ' il faut mettre \' à la place.
Mais normalement le générateur devrait fonctionner.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Gérer le contenu d'un panneau latéral
Oui en effet, je vous montre mon problème :
Pour le moment j'ai ça :
Ce que je voudrais mettre dedans :
Comment faire ? -__- si vous avez besoin des url des images je vous les passe , merci d'avance
Pour le moment j'ai ça :
- Spoiler:
Ce que je voudrais mettre dedans :
- Spoiler:
Comment faire ? -__- si vous avez besoin des url des images je vous les passe , merci d'avance
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Re: Gérer le contenu d'un panneau latéral
Un tableau de 2 colonnes 2 cases :
Le reste ( ce qui fallait faire en le faisant manuellement ) j'ai du le dire au dessus.
Cordialement.
- Code:
<table>
<tr>
<td>case 1 ligne 1</td>
<td>case 2 ligne 1</td>
</tr>
<tr>
<td>case 1 ligne 2</td>
<td>case 2 ligne 2</td>
</tr>
</table>
- Code:
<div style="max-width:300px; max-height: 400px; overflow:auto;">contenu</div>
- Code:
<div style="text-align:center">quelque chose</div>
Le reste ( ce qui fallait faire en le faisant manuellement ) j'ai du le dire au dessus.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Gérer le contenu d'un panneau latéral
Merci ca marche super ! Je me debrouille avec le reste
Xibition- ****
-
Messages : 457
Inscrit(e) le : 23/05/2011
Sujets similaires
» Panneau latéral + chatbox latéral
» Panneau latéral
» Panneau latéral
» Problème panneau latéral
» Panneau latéral qui bug
» Panneau latéral
» Panneau latéral
» Problème panneau latéral
» Panneau latéral qui bug
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum