Rendre visible/invisible bouton submit en cliquant sur un lien

Ce topic a été résolu
Codeur61

Codeur61 Le 22 décembre 2016 à 15:59 (Édité le 25 janvier 2019 à 17:52)

Salut, 
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

Codeur61 Le 22 décembre 2016 à 19:13

@Jerem971 toi qui suit le topic aurais tu une idée de comment faire ? 
Profil introuvable

Profil introuvable Le 22 décembre 2016 à 19:25

Hello 'Codeur61',

Je ne comprend pas pourquoi tu souhaite rendre invisible ton bouton, pourrai-tu m'expliquer le rôle de cette action ?
TheOldNoob

TheOldNoob Le 22 décembre 2016 à 20:25

Je pense que c'est pour que l'utilisateur clic sur une publicité qui rapporte plus d'argent qu'une simple vue sur la publicité 😀
Codeur61

Codeur61 Le 22 décembre 2016 à 23:18

Salut
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
TheOldNoob

TheOldNoob Le 23 décembre 2016 à 00:58

Mais c'est exactement ce que je viens de dire ! 😭
Codeur61

Codeur61 Le 23 décembre 2016 à 01:08

A mince j'avais pas compris cela 😄  Sinon vous auriez la solution ?
Merci
Codeur61

Codeur61 Le 23 décembre 2016 à 14:33

Re 


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

Balatharas Le 23 décembre 2016 à 22:51

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

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

TheOldNoob Le 24 décembre 2016 à 01:13

Pnse a utilisé le bouton [CODE] qui est disponible pas inutilement. C'est plus facile pour qu'on lise ton code.
Codeur61

Codeur61 Le 24 décembre 2016 à 14:19

Okay 

<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>  

Codeur61

Codeur61 Le 24 décembre 2016 à 14:19

Help please :'(
Balatharas

Balatharas Le 24 décembre 2016 à 15:17

Évite les double post inutile 😉...
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

Codeur61 Le 24 décembre 2016 à 15:52

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 .
coucougael94

coucougael94 Le 24 décembre 2016 à 21:40 (Édité le 24 décembre 2016 à 21:43)

Si tu souhaite submiter ton form, quand on clique sur un lien :
<span onclick="javascript:submitForm();"> > Suivant</span>
Avec en js :
function submitForm()
{
document.getElementById('monform').submit();
}
En faite, je ne voulait pas créer de message, du coup, je me rattrape du mieux que je peux...
Joyeuse pâques.
Balatharas

Balatharas Le 25 décembre 2016 à 15:42

On récapitule 😄
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>
Essaie maintenant en relisant bien mon message 😉
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

Codeur61 Le 25 décembre 2016 à 22:37

Heyyyy bonne fête en retard ! 
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>
Je crois que tu ne voulais pas faire un truc comme cela Beignet car tu m'a parlé de plusieur truc finalement je crois que j'en et utilisé un seul et sa MARCHE merci énormément !!!
Balatharas

Balatharas Le 26 décembre 2016 à 13:44

Mais de rien 😉
Maintenant il te reste plus qu'a cliquer sur "Marquer ce topic comme résolu" en haut à gauche de la page 😉
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte