> Tous les forums > Forum des Webmasters
 un petit souci pour faire un spoiler où un secret
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Anonyme
  Posté le 24/04/2008 @ 02:20 
Aller en bas de la page 
Nouvel astucien

bonjour je voudrais faire un spoiler où un secret

pour ceux que ne savent pas c'est quoi

c'est de mettre un texte dans une balise par exemple

on auras ça dans le textera :

<secret>fffffffffffffffffff</secret>

et ensuite on appui sur le boutton previsualisation

et ça donne ça

Afficher le texte :

donc on clique sur cette phrase pour avoir le cadre et le texte qui à écrit

mais le soucie c'est qu'on appuie sur affiche le texte il met pas le cadre avec le texte mais il fait monté en haut de la page

donc il n'as pas d'érreur dans debugbar et ni dans fire fox

on dirais ça viens du code dans la prev

plus précissement : dés qu'on clique sur ce lien :<a href="#">Afficher le texte :$1</a>

comment je peux faire pour masqué mon cadre avec le texte et dés qu'on clique le cadre avec le texte apparaîtra

comme cette exemple :http://forums.moto-station.com/misc.php?do=bbcode#spoiler

donc voilà mon code

html

<input type="button" onclick="javascript:bbcode('<secret>', '</secret>');return(false)" alt="Secret" title="Secret" value="secret" />

le javasscript

// Spoiler, Secret

function spoiler()
{
var MonElement = document.getElementById(spoiler)
if(MonElement.style.display == "none")
{
MonElement.style.display = "block";
}
else
{
MonElement.style.display = "none";
}
}

et dans la prev qui permet d'afficher le texte où masqué

// Balise Secret où Spoiler

t=deblaie(/(\<\/secret\>)/g,t)
t=remplace_tag(/\<secret([\s\S]*?)\>(.+)\<\/secret\>/g,'<a href="#">Afficher le texte :$1</a><div style="border: 1px dashed #FFFFFF; width: 70%; background-image:url(../../design/gris_claire.jpeg); font-family: Verdana, \'Trebuchet MS\', Tahoma, \'Times New Roman\', Times, serif; text-align: left; font-size: 11px;" align="center"; display:none;>$2</div>',t)
t=remblaie(t)

merci de me trouvé l'érreur et pour quoi il ne veux pas masqué et afficher le texte dés qu'on clique et pour temps j'ai mis un

display:none;

merci de m'aidé à faire ça

où si vous avez une autre méthode pour permettre de cacher le cadre avec le texte et dés qu'on clique ça apparaitre le cadre et le texte

et je vous en remerci d'avance pour votre aide

Publicité
Anonyme
 Posté le 24/04/2008 à 20:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

re j'ai éssayé enlenvé # mais il m'envoy dans une autre page :

<a href="">Afficher le texte :$1</a>

mais ça n'a pas marché

peux être une idée de votre part et de votre gentillesse

merci

fox54270
 Posté le 24/04/2008 à 23:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

salut

voila si ça peut t'interessé voici mon script et qui fait la même chose que ce que tu veu

entre les balaise <head>et </head> tu incere le code suivant

<script>
function visibilite(thingId,txtAff,txtMasque)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = txtMasque ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = txtAff ;
}
}
</script>

ensuite entre les balaise <body> etg </body>

tu mis ça

<a href="javascript:visibilite('Div1','Afficher','Masquer');" id="Div1Link" style="font-size: 13px">Afficher </a>

<div id="Div1" style="display:none;" > ton contenu que tu veu affiché ou masquer ici </div>

et si tu veux ajouté un autre spoiler il sufait juste de changer id="Div1" en id="Div2" et aussi visibilite('Div1','Afficher','Masquer');" id="Div1Link" en visibilite('Div2','Afficher','Masquer');" id="Div2Link"

Anonyme
 Posté le 25/04/2008 à 01:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

merci ça marche bien ton code

http://videopoursite.free.fr/testeduspoiler.php

donc le code

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">



secret : (Afficher le texte)

donc j'ai intégré dans mon code

bbcode.js

// Spoiler, Secret

function visibilite(thingId,txtAff,txtMasque)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = txtMasque ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = txtAff ;
}
}

et dans ma prev j'ai mis le petit bout du code :

// Balise Secret où Spoiler

t=deblaie(/(\<\/secret\>)/g,t)
t=remplace_tag(/\(.+)\<\/secret\>/g,'secret : (Afficher le texte)

',t)
t=remblaie(t)

et ça donne ça :

http://videopoursite.free.fr/formulaire.php

donc il met bien la balise et on met le texte de ton choix et ensuite on appuy sur prev il ne veut pas le mettre

comment on peut faire pour l'intégré dans la prev car je le met il ne fonctionne pas

et pour temps j'ai bien en haut


es ce que tu peut m'aidé à l'intégre pour affiché dans la previsualisation

merci et sympas de m'aidé

il me dit érreur dans la console de javassacript

Erreur : missing ) after argument list
Fichier source : http://videopoursite.free.fr/prev.js
Ligne : 57, Colonne : 100
Code source :
t=remplace_tag(/\<secret([\s\S]*?)\>(.+)\<\/secret\>/g,'secret : <a href="javascript:visibilite('Div1','Afficher le texte');" id="Div1Link" style="font-size: 13px">(Afficher le texte)</a>

et dans ie 7

Line: 18

Character: 1

Code: 0

Error Message: Objet attendu

URL: http://videopoursite.free.fr/formulaire.php

si tu peux m'aidé à mettre ça seras sympas car le javascript c'est pas mon fort

je t'en remercie d'avance



Modifié par Anonyme le 25/04/2008 01:39
fox54270
 Posté le 25/04/2008 à 08:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour

voici un exemple ici http://www.lorractu.fr/preve/test dis si ce que tu cherche a faire

Anonyme
 Posté le 25/04/2008 à 14:39 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

bonjour en faite pas trop ça

mais voilà je t'ai mis des capute d'écran

dans le texterea il auras

donc là il n'a pas de souci pour ma page

mais c'est dans la prev que je n'arrive pas à mettre en place

donc aprés avoir mis le texte entre la balise <secret></secret>

et là on appuy sur la prév

et normalement ça donne ce résultat

donc si on cliquer pour afficher là il vas mettre le texte qu'on a mis dans le texterea où le masqué

donc c'est là où ça coince

// Balise Secret où Spoiler

t=deblaie(/(\<\/secret\>)/g,t)
t=remplace_tag(/\<secret([\s\S]*?)\>(.+)\<\/secret\>/g,'secret : <a href="javascript:visibilite('Div1','Afficher le texte');" id="Div1Link" style="font-size: 13px">(Afficher le texte)</a>

<div id="Div1" style="display:none;" >$2</div>',t)
t=remblaie(t)

merci d'avance de m'aidé

Anonyme
 Posté le 29/04/2008 à 13:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

re

tu ma lacher ou tu est partir car j'attend toujour ton petit aie et je t'ai fais des capture donc

si vous pouvez m'aidé ca seras trés sympas de votre part

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
19,59 €Rasoir à barbe sans fil Philips QP2530/30 OneBlade à 19,59 €
32 € -39%

Amazon fait une promotion sur le rasoir électrique sans fil Philips QP2520/30 OneBlade qui passe à 19,59 €. Ce rasoir vous permettra à la fois de tailler votre barbe (sabots de 1 3 et 5 mm) et de définir proprement les contours. Le rasoir est étanche et fonctionne avec et sans mousse. Vous pouvez facilement le nettoyer. Il est accompagné d'une lame de rechange, de 3 sabots et de son chargeur.


Voir l'offre
11,72 €Clé USB Sandisk Ultra 64 Go à double connectique USB 3.1 Type A et C à 11,72 €
22 € -47%

Amazon fait une promotion sur la clé USB Sandisk Ultra 64 Go à double connectique USB 3.1 Type A et C qui passe à 11,72 € alors qu'on la trouve ailleurs à plus de 22 €. Cette clé USB  dispose d'un connecteur réversible USB Type C et d'un connecteur classique de type A. Grâce à elle, transférez en toute simplicité et rapidement (jusqu'à 150 Mo/s) vos fichiers entre vos smartphones, tablettes et ordinateurs. 


Voir l'offre
799,99 €PC Portable 16 pouces HP Victus (FHD, Core i5-11400H, 8Go/512Go, RTX 3060 6 Go, Win11) à 799,99 €
999 € -20%

RueDuCommerce fait une promotion sur le PC Portable 16 pouces HP Victus 16-d0418nf qui passe à 799,99 €. On le trouve habituellement à 899 €.

Il comporte un écran IPS Full HD de 16 pouces, un processeur Intel Core i5-11400H (6 coeurs), 8 Go de RAM, un SSD de 512 Go, une carte graphique dédiée GeForce RTX 3050 4 Go, un clavier rétro éclairé, une batterie charge rapide (autonomie 10h). Il possède aussi le WiFi 6, le bluetooth 5.2, 2 ports USB 3.1 type C, un port USB 3.2 Gen 2, un port HDMI 2.1 et un port Ethernet.

Le tout tourne sous Windows 11. Une bonne affaire pour un portable polyvalent : bureautique, Internet, multimédia et jeux.


Voir l'offre
379,90 €Carte Graphique Gigabyte Geforce RTX 3060 EAGLE 12 Go à 379,90 €
459 € -17%

RueDuCommerce fait une belle promotion sur la carte graphique Gigabyte Geforce RTX 3060 EAGLE 12 Go à 379,90 €. Enfin un beau tarif sur une carte graphique qui vous permettra de jouer en Full HD Ultra à tous vos jeux.


Voir l'offre

Sujets relatifs
Recherche hébergeur pour petit site
Site pour "faire heberger" les photos "légalement"
Aide pour faire un 360 degré images (animation)
Utilisation de js pour faire aparaitre des div
aide pour faire un moteur de recherche
Logiciel et aide pour faire une étude de marché
comment faire pour le referencement d'un site
Comment faire pour...
comment faire pour avoir un serveur chez soi?
petit souci css
Plus de sujets relatifs à un petit souci pour faire un spoiler où un secret
 > Tous les forums > Forum Forum des Webmasters