Comment cacher par défaut un formulaire HTML via JavaScript ?

Ce sujet est résolu
5629
,

J'ai déjà poster une question du même genre en début de journée, mais je l'ai supprimée. Je la reformule plus clairement :

Voila mon code :

function visibilite(thingId) {


    var targetElement;
    targetElement = document.getElementById(thingId) ;


    if (targetElement.style.display == "none") {
        targetElement.style.display = "" ;
    }
    else {
        targetElement.style.display = "none" ;
    }


}

Puis le lien qui me permet d'afficher ou cacher le formulaire :

<a href="" onclick="javascript:visibilite('form_create'); return false;" >Afficher/cacher le formulaire de création d'une news</a>

Ma question étant : comment faire pour que lorsque je lance ma page le formulaire soit cacher par défaut ?

Actuellement quand je lance cette page, le formulaire est afficher et lorsque je clique sur le lien, il se cache, puis si je reclic, il se ré affiche.

17 Réponse

Default
,

maintenant si tu veux tu peux simplifier le tout

$(document).ready(function(){

$('#form_create').hide();

$(#id_lien_qui_efface).toggle(function(){

$('#form_create').hide();

}, function(){

$('#form_create').show();

});

});

avec un peu de logique tu peux comprendre comment marche ce code...

Default
,

met ce code au début de ton code js

var variable = document.getElementById('form_create');

variable.style.visibility = "hidden";

théoriquement ça devrait marcher...

5629
,

J'ai bien mis ton morceau de code au début du mien, mais malheureusement ça ne fonctionne pas, lorsque je lance la page, le formulaire est toujours afficher .. Je ne comprend pas pourquoi

Default
,

bizarre ...

ton site est-il en ligne ?

5629
,

Project_0

Je t'en pris en prête pas attention au design, un jour un prof m'a dit (avec l'accent su sud) : "Le design(e) c'est à la fin(g) !"

Depuis je ne m'en suis pas remis ^^

HEHE le soucis c'est que c'est dans admin news ! je t'ai fait un user, sois gentil ne fait pas n'importe quoi ;) même si il n'y a rien d'important ;)

Id : userweb

Pass : 0000

Default
,

bon ok j'ai vu que t'avais la lib jquery donc juste au début de ton script tu fait

$('#form_create').hide();

5629
,

Oui, et justement question parallèle, y a t-il un moyen plus simple de faire ce genre de chose avec jQuery ?

J'ai coller ta ligne de code au début de mon script (avant function) et m^me résultat ça ne fonctionne pas ...

Default
,

J'ai été visité un peu ton espace admin. (test de resistance, c'est moi ;)) cet espace admin te servira pour ton site ?!

Default
,

heu, effectivmement si tu a jquery tu peut joué avec sa pour cacher et afficher, mais sinon, je suis pas expert mais un display:none; en css sur l'id:form_create marcherais si je ne me trompe pas...

5629
,

@bertrand15 : oui cet admin me servira plus tard, mais elle n'est pas finie, la sécurité laisse un peu à désirer là ^^

@tagcash : Bah j'ai essayer je me suis dis en css je le cache, et avec JS je lui dis : si il est cacher, affiche le, sinon cache le. Eh bah rien à faire il veut pas

Default
,

ben oui le jquery c'est fait a la base pour simplifier le javascript.

j'ai compris d'ou venait le problème

quand tu efface le form en js le DOM est pas chergé donc il ne le prend pas en compte

$(document).ready(function(){

$('#form_create').hide();

});

colle sa au début de ton script et la c'est sur que ça va marcher

5629
,

YEAH ! Enfin ça fonctionne ! j'ai chercher de mon côté, mais même sur un certain site d'apprentissage pour les z'héros (pour ne pas le citer) pas moyen de trouver une solution. Et comme je débute en JS ..

Bref merci beaucoup en tout cas !

PS : Évidement je supprime le compte d'admin créer pour l'occaz ^^

5629
,

Effectivement comme à peu près tout les codes exécutés côté client j'arrive a les comprendre, mais pas à les écrire. Ca viendras ^^ peut être grâce a Grafikart, qui sait

5629
,

J'ai chercher ce qu'était toggle sur le net, et apparemment on peut personnaliser les animations d'apparition et de disparition ? Si oui, avec quelle instruction ?

Default
,

y a plusieurs fonction pour les animation (voir : http://jquery.developpeur-web2.com/documentation.php )

dans ton cas je te conseil le déroulement comme ça il n'y aura pas de saut brut donc à la place de hide() : slideUp()

et à la place de show() : slideDown()

5629
,

Il faut vraiment que je me mette a voir jQuery et le javascript en général, c'est plutôt sympatoche ce qu'on peut faire avec ! Merci beaucoup le mouton ;)

Default
,

:) oublie pas de marqué résolu (ou je sais pas quoi d'équivalent )