[JS] Fenetre déroulante (save)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] Fenetre déroulante (save)

kapoka

Bonjour !

J'ai crée une "fenetre déroulante" (je sais pas vraiment comment on apelle ca) avec dreamweaver : "CollapsiblePanelTab".
Voici le résultat : http://ihey.jeun.fr/index.htm (cliquez sur "voir le forum sous forum de liste/icone" )

Mais j'aimerais que une fois que l'utilisateur décide d'afficher l'un et de masquer l'autre, que sa sauvegarde son choix, qu'il n'ai pas a remaquer et reafficher a chaque fois qu'il actualise.

Est-ce possible ?

Voila le script d'une fenetre :

Code :

<script src="http://warkopaka.free.fr/ifun/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="http://warkopaka.free.fr/ifun/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
<div id="Index2" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent"><table width="100%" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td valign="bottom"><span class="gensmall">{LAST_VISIT_DATE}<br>
{CURRENT_TIME}<br>
</span><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</span></td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br>
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="2">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150">{L_LASTPOST}</th>
</tr>
<tr>
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46"></td>
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"><span class="cattitle"><a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></span></td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<tr>
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46"></td>
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" height="50"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"></td>
<td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>
<td class="row3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row3" onmouseover='this.className="row1"' onmouseout='this.className="row3"' align="center" valign="middle" nowrap="nowrap" height="50"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
</tr>
<tr>
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46"></td>
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1"></td>
</tr></table><img src="{SPACER}" alt="" height="5" width="1"></div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {enableAnimation:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("Index2", {enableAnimation:false, contentIsOpen:false});
//-->
</script>

Voici mon script JS : http://warkopaka.free.fr/ifun/SpryCollapsiblePanel.js

Publicité

dwogsi

Défaillance cérébrale...

Écrire un cookie avec JS, le relire pour voir ce qui a été masqué/affiché.

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

kapoka

Comment je fait ca ?

dwogsi

Défaillance cérébrale...

Je ne saurais te donner meilleur lien que le suivant :
http://www.google.fr/search?hl=fr& [...] ie&spell=1

Si tu ne sais pas quoi en faire, c'est qu'à priori il te manque quelques bases en JS/HTML et dans ce cas je t'invite à te documenter à ce propos.

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

kapoka

J'imagine qu'il ne faut pas rajouter grand chose dans mon script

vanish

Ce qui brûle, brûle !

Il faut rajouter la création la lecture et l'écriture du cookie ainsi que les évènements qui les déclenchent.
Quand tu auras assimilé la doc, je te conseil de te faire un fichier js séparé avec les fonctions création écriture et lecture du cookie, comme ça y aura plus qu'à l'inclure la prochaine fois que tu veux utilisé des cookies (et pi c'est plus zolie ^^)

Sinon plutôt que toutes ces cochonneries juste pour faire apparaitre/disparaitre une fenêtre, un petit switch display:block <-> display:none css/javascript serait très rapide a mettre et beaucoup plus zoli aussi non? ^^

PS : si t'a rien compris c'est que effectivement il te manque les bases.

Message édité par vanish le 17-03-2008 à 13:39:42

kapoka

Le display:block je doit le mettre dans le css ou dans le fichier js ?

FORUM HardWare.fr

Programmation

HTML/CSS

[JS] Fenetre déroulante (save)

Sujets relatifs
VBA EXCEL liste déroulante entre deux fichiers	Taille d'une fenetre HTML
Minimiser une fenêtre IE	formulaire html et liste déroulante, problème avec l'option par défaut
QT4 Comment afficher un objet QPainter dans une fenetre principale??	[Access] Filtrer liste déroulante en fonction d'une autre
Ouvrir une fenetre windows	[HTA] Taille de fenêtre d'une application HTA
Pb avec liste déroulante	Intégrer ogre3D dans une fenêtre MFC
Plus de sujets relatifs à : [JS] Fenetre déroulante (save)

Page générée en 0.096 secondes