[ FSBcode ] Cacher / Afficher ( Spoile )

yberion

Nouvelle étincelle

Messages : 17
Inscrit : 02 Décembre 2008

Message édité 2 fois, dernière édition par yberion, 13 Décembre 2008, 20:16

12 Décembre 2008, 20:29

Bonjour ,

Pour plus de simplicité j'ai mit au point un FSBcode qui va vous permettre de cacher ou d'afficher du text sur votre forum , vous me direz il en existe déjà un mais le truc de mieux c'est que c'est bien plus simple à installer :wink:

.

Pour cela vous devez créer une nouvelle balise dans votre panneau d'administration et y mettre :

TAG du FSBcode* : Cacher

Masque de recherche* : [Cacher={TEXT1}]{TEXT2}[/Cacher]

Masque de remplacement* :

Code (Sélectionner le code)

<script LANGUAGE="JavaScript">
function display({TEXT1})
{
document.getElementById({TEXT1}).style.display=document.getElementById({TEXT1}).style.display=="none"?"block":"none";
}
</SCRIPT>
<style>
fieldset
{
   margin: 3px;
   background-color: #CADFEB;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
}
.p01
{
background-image: url('http://farcry2.map1.ifrance.com/marg01.bmp');
padding-left: 3px;
padding-top: 4px;
padding-bottom: 5px;
font-weight: bold;
font-size: 11px;
}

</style>
<fieldset>
<div class="p01"><a onclick="display('{TEXT1}');">Cacher / Afficher</a></div>
<p id="{TEXT1}" style="display:none;">{TEXT2}</p>
</fieldset>

Description du FSBcode : Vous avez ceci : [Cacher=][/Cacher] , pour que cela marche vous devez mettre : [Cacher=Une_Valeur][/Cacher] .

Démonstration en images :

Avant le clique :

http://farcry2.map1.ifrance.com/demo2.jpg

Après le clique :

http://farcry2.map1.ifrance.com/demo3.jpg

Evité toutes fois de mettre la même Valeur pour [Cacher=Une_Valeur] .

Et voila rien de plus simple ! :fsb2_oui:

Spark

Etoile

Messages : 2697
Inscrit : 24 Juin 2006

12 Décembre 2008, 21:31

[2.0.0][1.3][FSBCode]Spoiler

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet

Grummfy

Equipe des MODS

Age : 27 ans
Messages : 7007
Inscrit : 16 Septembre 2004

12 Décembre 2008, 21:37

je puis conseiller aussi ceci : http://www.fire-soft-board.com/~wiki/fsb2:fsbcode
sinon merci!

"La gravité est le bonheur des imbéciles" Charles de Montesquieu > "T'as raison, L'apesanteur c'est plus rigolo" Hébus de Phalompe (Troll de Troy)
Mods fsb2 - Grummfy's project - Zf Planet

Korko

VIP

Age : 25 ans
Messages : 2909
Inscrit : 06 Octobre 2004

12 Décembre 2008, 21:42

Oui c'est vrai que Spoiler peut etre mis en tant que fsbcode simple sans passer par installateur automatique...

yberion

Nouvelle étincelle

Messages : 17
Inscrit : 02 Décembre 2008

13 Décembre 2008, 0:48

Effectivement , se qui fait moin peur au débutant.

Korko

VIP

Age : 25 ans
Messages : 2909
Inscrit : 06 Octobre 2004

13 Décembre 2008, 9:09

bof un fichier à telecharger moins impressionnant que des lignes de code à copier coller. Un .exe on a pas l'impression que ce sont des lignes de code

ça rassure enfin c'est qu'un détails

yberion

Nouvelle étincelle

Messages : 17
Inscrit : 02 Décembre 2008

13 Décembre 2008, 11:38

Copié coller c'est toujour mieux que double clique d'autant plus que la les débutants savent le code =)

Spiro.spr

Feu follet

Age : 22 ans
Messages : 191
Inscrit : 29 Aout 2008

14 Décembre 2008, 12:46

Il y a un souci avec l'id... Tu ne peut pas ici encore garantire que deux personne ne vont pas utiliser la même id...

J'ai fait la même chose en m'inspirant du code présent sur le wiki, qui par ailleurs ne fonctionne pas...

HTML (Sélectionner le code)

<style type="text/css">
	/* <![CDATA[ */
		fieldset {
			background-color : #d2dfc8;
			border-color : #5c901c;
			border-style : dashed;
			border-width : 1px;
			padding : 10px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			width: 100%;
		}
		legend 
		{
			background-color : #b7e085;
			border-color : #5c901c;
			border-style : dashed;
			border-width : 1px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
		}
	/* ]]> */
</style>
<script language="javascript" type="text/javascript">
	/* <![CDATA[ */
		function spoiler(obj)
		{
			for (var i = 0; i < obj.childNodes.length; i++)
			{
				if (obj.childNodes[i].id == 'idTitle')
				titleRow = obj.childNodes[i];
				if (obj.childNodes[i].id == 'idSpoiler')
				{
					if (obj.childNodes[i].style.display != 'none')
					{
						obj.childNodes[i].style.display = 'none';
						titleRow.innerHTML = '&nbsp;<b>Cliquez pour afficher</b>';
					}
					else
					{
						obj.childNodes[i].style.display = 'block';
						titleRow.innerHTML = '&nbsp;<b>Cliquez pour cacher</b>';
					}
				}
			}
		}
	/* ]]> */
</script>
<fieldset onclick="spoiler(this);">
	<legend id="idTitle">&nbsp;<b>Cliquez pour afficher</b></legend>
	<div style="display: none;" id="idSpoiler">{TEXT}</div>
</fieldset>

Code Css à modifier bien sûr, car là il est adapté au thème Spring_Day...

Spiro

http://webstatus.kd2.org/signature.php/jid/es.eroonw..bevcf/image.png

Spark

Etoile

Messages : 2697
Inscrit : 24 Juin 2006

14 Décembre 2008, 18:10

Moi ça me gêne de voir du CSS au beau milieu du HTML, c'est interdit. La balise <style type="text/css"></style> ne peut être utilisé que dans l'entête de la page <head></head>

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet

Spiro.spr

Feu follet

Age : 22 ans
Messages : 191
Inscrit : 29 Aout 2008

14 Décembre 2008, 21:20

Wè moi aussi j'aime pas XD
Moi je l'ai mis dans le fichier fsbcode.css

Spiro

Talus

Volcan

Age : 23 ans
Messages : 1817
Inscrit : 28 Septembre 2006

23 Décembre 2008, 2:46

Spiro, ton code n'est valide que pour une balise, mais pas l'emploi de plusieurs balises... Ca coince au niveau de l'id. Pour y remédier, suffit de travailler sur le nom des balises enfant au fieldset, et non pas leur id

Talus' Works - Talus' LaBlog

Spiro.spr

Feu follet

Age : 22 ans
Messages : 191
Inscrit : 29 Aout 2008

23 Décembre 2008, 10:39

J'ai rien capté mais bon...
Sinon moi j'ai aucun soucis !

Spiro

Talus

Volcan

Age : 23 ans
Messages : 1817
Inscrit : 28 Septembre 2006

23 Décembre 2008, 13:54

Utilises plusieurs balises spoiler dans la même page... ou le même message.

Talus' Works - Talus' LaBlog

Spiro.spr

Feu follet

Age : 22 ans
Messages : 191
Inscrit : 29 Aout 2008

23 Décembre 2008, 20:01

Je sais, mais grâce à "obj.childNodes" ça n'en modifie qu'une seul !

Spiro

Talus

Volcan

Age : 23 ans
Messages : 1817
Inscrit : 28 Septembre 2006

23 Décembre 2008, 21:10

Ce n'est pas parce que "ca marche", que ca le fera vraiment partout. Là, ce que tu fais, c'est une solution bidouillée, qui est plus invalide qu'autre chose...

Travailles sur le nom des enfants, au lieu de leur id ("childName" si je me souviens bien), au lieu d'attribuer des ID... Et, bien sur, en parcourant toujours chaque enfant. Même si c'est un peu lourd (deux petits getElementsByTagName ou un truc du genre devraient suffire)...

Talus' Works - Talus' LaBlog

[ FSBcode ] Cacher / Afficher ( Spoile )