Gérer le contenu d'un panneau latéral

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

Résolu Gérer le contenu d'un panneau latéral

Message par Xibition le Mar 31 Jan 2012 - 13:24

Bonjour, j'avais trouvé un code JS y'a pas longtemps, c'est un genre de panneau latéral, voilà le code :
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 Very Happy


Dernière édition par jiji98 le Jeu 2 Fév 2012 - 21:27, édité 1 fois

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer le contenu d'un panneau latéral

Message par Ea le Mar 31 Jan 2012 - 16:36

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 :

http://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
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer le contenu d'un panneau latéral

Message par Xibition le Mar 31 Jan 2012 - 18:26

Oui en effet, je vous montre mon problème :
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 Smile

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer le contenu d'un panneau latéral

Message par Xibition le Jeu 2 Fév 2012 - 18:01

Up Wink

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer le contenu d'un panneau latéral

Message par Ea le Jeu 2 Fév 2012 - 18:59

Un tableau de 2 colonnes 2 cases :

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>
Pour un truc avec un scroll il faut mettre quelque chose du type :

Code:
<div style="max-width:300px; max-height: 400px; overflow:auto;">contenu</div>
Et pour centrer quelque chose :

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
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gérer le contenu d'un panneau latéral

Message par Xibition le Jeu 2 Fév 2012 - 21:26

Merci ca marche super ! Je me debrouille avec le reste Very Happy

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition 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