Rendre visible/invisible bouton submit en cliquant sur un lien
Codeur61 Le 22 décembre 2016 à 15:59 (Édité le 25 janvier 2019 à 17:52)
Je souhaites, que mon bouton submit soit invisible et que quand l'utilisateur clique sur une bannière il soit visible, j'ai déjà le code mais j'ai un petit souci
(désolé pour vos yeux le site de primfx bug et je suis obligé de faire sa) :
<script>
function vaEtVient() { if(document.getElementById('invisible').style.display == 'none'){ document.getElementById('invisible').style.display = 'block'; } else { document.getElementById('invisible').style.display = 'none'; }}
</script>
<body>
<a href="javascript: vaEtVient()" target="_blank"> <img src ="http://mbmfiles.com/Dec2016/161220-CJQHDz3GoUVu.png" ! ! Cols border = 0 /></a><br>
<div style='display:none;' id='invisible'>
<input type="submit" name="boutonsubmit" value="Valider ses points" /></div>
</body>
J'ai un problème au niveau du <a href="javascript: vaEtVient()"....... que je ne peux pas modifié parceque il y
a la fonction vaEtVient () juste au dessus je voudrais mettre une bannière à la place ! je vous donne le code de ma bannière <a href="http://www.google.fr/" target="_blank"> <img src ="http://mbmfiles.com/Dec2016/161220-CJQHDz3GoUVu.png" ! ! Cols border = 0 /> </a>.
Merci d'avance !
Codeur61 Le 22 décembre 2016 à 19:13
Profil introuvable Le 22 décembre 2016 à 19:25
Je ne comprend pas pourquoi tu souhaite rendre invisible ton bouton, pourrai-tu m'expliquer le rôle de cette action ?
TheOldNoob Le 22 décembre 2016 à 20:25
Codeur61 Le 22 décembre 2016 à 23:18
Non, je crois avoir compris se que tu as dit mais non c'est pas pour ça . 😄 Tout simplement pour que l'utilisateur sois obligé de cliqué sur la pub et du coup MONEY 😄:D Alors pourrez vous corriger mon code SVP 😭
Merci
Codeur61 Le 23 décembre 2016 à 01:08
Merci
Profil introuvable Le 23 décembre 2016 à 13:30
Voici ce que j'ai trouver :
-http://www.commentcamarche.net/forum/affich-6806720-bouton-submit-invisible
-http://www.generation-nt.com/reponses/bouton-submit-cache-autre-soluce-entraide-30246.html
-http://www.developpez.net/forums/d366216/webmasters-developpement-web/javascript-ajax-typescript-dart/javascript/rendre-bouton-invisible/
Est-ce que cela répond à ton besoin ?
Codeur61 Le 23 décembre 2016 à 14:33
Déjà merci beaucoup pour tes recherches ;p mais les topics ne répondes pas à mon besoin sachant que je ne souhaites pas vraiment créé un lien totalement invisible (voir mon introduction plus haut). Je cherche juste à modifié mon code pour que l'utilisateur clique sur une bannière pour afficher un contenu.
Mais MERCI encore pour tes recherches.
UP please 😄
Balatharas Le 23 décembre 2016 à 22:51
Tu crée ton lien, et tu lui donne un attribut onClick="taFonction()"
Ensuite tu crée taFonction() tu met dedans:
la création d'une variable bouton avec getElementById. Ensuite tu attribue une class .affich a la variable (donc au bouton). Ta class sera .affich { display: none; }.
Comme je suis pas sur mon ordi, j'ai pas testé, et comme c'est les fêtes je ne pourrais pas me corriger en cas d'erreur 😋
Codeur61 Le 24 décembre 2016 à 00:34
Salut Beignet,
merci mais j'ai déjà un code regarde :
<script>
function vaEtVient() { if(document.getElementById('invisible').style.display == 'none'){ document.getElementById('invisible').style.display = 'block'; } else { document.getElementById('invisible').style.display = 'none'; }}
</script>
<body>
<a href="javascript: vaEtVient()" target="_blank"> <img src ="http://mbmfiles.com/Dec2016/161220-CJQHDz3GoUVu.png" ! ! Cols border = 0 /></a><br>
<div style='display:none;' id='invisible'>
<input type="submit" name="boutonsubmit" value="Valider ses points" /></div>
</body>
Je demande juste à ce qu'on me le corrige 😭:'(:'(:'( parceque je veux un vrai lien moi pas ça "javascript: vaEtVient()"
TheOldNoob Le 24 décembre 2016 à 01:13
Codeur61 Le 24 décembre 2016 à 14:19
<script>
function vaEtVient() { if(document.getElementById('invisible').style.display == 'none'){ document.getElementById('invisible').style.display = 'block'; } else { document.getElementById('invisible').style.display = 'none'; }}
</script>
<body>
<a href="javascript: vaEtVient()" target="_blank"> <img src ="http://mbmfiles.com/Dec2016/161220-CJQHDz3GoUVu.png" ! ! Cols border = 0 /></a><br>
<div style='display:none;' id='invisible'>
<input type="submit" name="boutonsubmit" value="Valider ses points" /></div>
</body>
Balatharas Le 24 décembre 2016 à 15:17
Je demande juste à ce qu'on me le corrige Pleur:'(:'(:'( parceque je veux un vrai lien moi pas ça "javascript: vaEtVient()"
Si tu avais lu la marche a suivre que je t'ai donner tu aurais vu quelques ptites differences:
moi je n'utilise pas de lien mais un attribut onClick="".......
Codeur61 Le 24 décembre 2016 à 15:52
coucougael94 Le 24 décembre 2016 à 21:40 (Édité le 24 décembre 2016 à 21:43)
<span onclick="javascript:submitForm();"> > Suivant</span>
function submitForm()
{
document.getElementById('monform').submit();
}
Joyeuse pâques.
Balatharas Le 25 décembre 2016 à 15:42
Si j'ai bien compris tu veut activer une fonction quand on clique sur un bouton, mais tu veux pas que cela soit sous forme de lien ? Si c'est le cas alors la marche a suivre de l'autre fois devrait être suffisante.
Désolé Beignet mais e pige pas je suis pas encore à fond dans le PHP et je comprend pas tout....:'( Si quelqu'un aurait la gentillesse de corrigé mon code .
Alors en gros quand tu met un attribut onClick="" eh bien si tu met une fonction dedans: onClick="maFonction()" bah comme le nom de l'attribut l'indique, quand tu clique sur la div, span, a, li, tout ce que tu veux, la fonction entre les guillemets est appelée et exécutée. Tu dois bien sur définir ta fonction dans ton fichier comme ceci:
<script type="text/javascript">
function maFonction() {
#code....
}
</script>
Je te donne juste la marche a suivre:
Tu crée ton lien, et tu lui donne un attribut onClick="taFonction()"
Ensuite tu crée taFonction() tu met dedans:
la création d'une variable bouton avec getElementById. Ensuite tu attribue une class .affich a la variable (donc au bouton). Ta class sera .affich { display: none; }.
Comme je suis pas sur mon ordi, j'ai pas testé, et comme c'est les fêtes je ne pourrais pas me corriger en cas d'erreur 😋
Codeur61 Le 25 décembre 2016 à 22:37
Merci beaucoup pour vos aides, sur tout toi Beignet j'ai compris pour le onclick et sa marche !!!! je vous laisse le bout de code ou il y a mon onclick =
<a onclick="window.open('ETLAJEMETMAPAGE.LEDOMAINE');" href="javascript: vaEtVient()" target="_blank"> <img src ="http://mbmfiles.com/Dec2016/161220-CJQHDz3GoUVu.png" ! ! Cols border = 0 /></a><br>
Balatharas Le 26 décembre 2016 à 13:44
Maintenant il te reste plus qu'a cliquer sur "Marquer ce topic comme résolu" en haut à gauche de la page 😉
