AccueilAccueil  RechercherRechercher  GroupesGroupes  MembresMembres  S'enregistrerS'enregistrer  ConnexionConnexion  FAQFAQ  


avatar
36 Messages :
27/05/2016 Date d'inscription :
32 Age :
Kilou1984 -
Membre
Voir le profil de l'utilisateur
Ven 17 Juin - 21:46
Bonjour

J'ai crée une balise spoiler "Rechercher" en HTML, j'aimerai juste remplacer le bouton "Rechercher" par un de mes boutons : et changer aussi le bouton "Cacher" , le remplacer par un de mes boutons :

Voilà mon code :
Code:
<!-- DéBUT DE MENU SPOILER RECHERCHER -->
<font color = "#000000"><div style="margin: 0px 0px 0px;"><div class="quotetitle">
<input value="Rechercher" style="margin: 0px; padding: 0px; width: 110px; font-size: 15px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Rechercher'; }" type="button"></div><div class="quotecontent"><div style="display: none;">

MON CONTENU ICI

</div></div></div></font>
<!-- FIN DE MENU SPOILER RECHERCHER -->

Merci d'avance pour votre aide.



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Ven 17 Juin - 22:58
Je te fais ça demain



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Lun 20 Juin - 21:52
Bon faut tout refaire proprement, le JS est déjà dégueulasse. Je le ferai quand j'aurai plus de temps.
Fait attention tu as beaucoup d'erreur de JS sur ton forum.



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Mar 21 Juin - 12:29
Triple post youpi :D

Voilà un truc qui marche :
Code:
<!-- DéBUT DE MENU SPOILER RECHERCHER -->
<font color = "#000000"><div style="margin: 0px 0px 0px;">
<input value="" style="margin: 0px; padding: 0px; width: 110px; font-size: 15px; background-image: url("http://img.xooimage.com/files110/6/4/1/vert-fait-bonne-taille-4fb0444.jpg"); background-position: center center; background-repeat: no-repeat;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.style.backgroundImage = 'url(http://img110.xooimage.com/files/5/9/1/cacher-4fb07bd.jpg)'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.style.backgroundImage = 'url(http://img.xooimage.com/files110/6/4/1/vert-fait-bonne-taille-4fb0444.jpg)'; }" type="button"></div></font>
<!-- FIN DE MENU SPOILER RECHERCHER -->



avatar
36 Messages :
27/05/2016 Date d'inscription :
32 Age :
Kilou1984 -
Membre
Voir le profil de l'utilisateur
Mar 21 Juin - 16:37
Bonjour,

Merci pour votre réponse, mais ou est ce que je met mon contenu ?
Qu'est ce qu'une erreur de JS ?

Merci d'avance



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Mar 21 Juin - 18:23
Tu le mets la ou il est déjà placé à la place du code que tu m'as donné.



avatar
36 Messages :
27/05/2016 Date d'inscription :
32 Age :
Kilou1984 -
Membre
Voir le profil de l'utilisateur
Jeu 23 Juin - 14:22
Bonjour,

Merci encore pour vos réponses. J'ai mis votre code tel qu'il est (sans y ajouter mon contenu caché) dans index-body pour voir ce que ça donne, mais, ça n'a pas fonctionné, ça affiche un cadre :


Bonne journée à vous.



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Ven 24 Juin - 23:29
Une petite erreur de guillemet :

Code:
<!-- DéBUT DE MENU SPOILER RECHERCHER -->
<font color = "#000000"><div style="margin: 0px 0px 0px;">
<input value="" style="border: 0px none;margin: 0px; padding: 0px; width: 110px; font-size: 15px; background-image: url(http://img.xooimage.com/files110/6/4/1/vert-fait-bonne-taille-4fb0444.jpg); background-position: center center; background-repeat: no-repeat;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.style.backgroundImage = 'url(http://img110.xooimage.com/files/5/9/1/cacher-4fb07bd.jpg)'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.style.backgroundImage = 'url(http://img.xooimage.com/files110/6/4/1/vert-fait-bonne-taille-4fb0444.jpg)'; }" type="button"></div></font>
<!-- FIN DE MENU SPOILER RECHERCHER -->



avatar
36 Messages :
27/05/2016 Date d'inscription :
32 Age :
Kilou1984 -
Membre
Voir le profil de l'utilisateur
Sam 25 Juin - 11:08
Bonjour,

Merci pour votre aide, j'ai enfin réussit, il manquait juste les 3 fermeture "DIV" à la fin.
J'ai mis ce code :
Code:
<!-- DéBUT DE MENU SPOILER RECHERCHER -->
<font color = "#000000"><div style="margin: 0px 0px 0px;">
<input value="" style="border: 1px; padding: 0px; width: 110px; font-size: 20px;
background-image: url(http://img.xooimage.com/files110/6/4/1/vert-fait-bonne-taille-4fb0444.jpg); background-position: center center; background-repeat: no-repeat;"
 onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = '';
this.style.backgroundImage = 'url(http://img110.xooimage.com/files/5/9/1/cacher-4fb07bd.jpg)'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.style.backgroundImage = 'url(http://img.xooimage.com/files110/6/4/1/vert-fait-bonne-taille-4fb0444.jpg)'; }" type="button"></div><div class="quotecontent"><div style="display: none;">

MON CONTENU ICI

</div></div></div></font>
<!-- FIN DE MENU SPOILER RECHERCHER -->



Contenu sponsorisé -



Page 1 sur 1
Sauter vers: