Afficher onclick juste en dessous bouton

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Afficher onclick juste en dessous bouton

Re: Afficher onclick juste en dessous bouton

par tlalaguedulac » 02 août 2016, 13:04

D'accord, en fait dans ma variable ID j'ai récupéré les ID des employés présents donc le fait qu'un id soit égal à 42 ne devrait pas poser de problèmes.

Merci pour la concaténation ! Je vais retenter avec cette syntaxe !

Re: Afficher onclick juste en dessous bouton

par moogli » 02 août 2016, 12:39

la concaténation en javascript c'est le plus (+ "chaine 1 " + "chaine 2 "+ int )


J'ai bien l'impression que ton truc se complique pour pas grand chose.
La concaténation de radio + id c'est juste pour être certain de l'unicité de la chose dans la page, c'est pas exclus que tu veuilles un autre id="42" un jour et ce sera la merde ;)

@+

Re: Afficher onclick juste en dessous bouton

par tlalaguedulac » 02 août 2016, 11:43

Il faudrait juste que je sache quelle syntaxe utiliser pour les 'id' à remplir !

Re: Afficher onclick juste en dessous bouton

par momo33 » 02 août 2016, 09:42

J'ai réussi à récupérer la liste de mes id dans la variable id, donc en fait pas besoin de radio+id, l'id seul suffit (1, 2, 3, 4, 5).

Maintenant je n'arrive pas à l'intégrer au code pour que ca marche, j'ai essayé la méthode des '\,id,\' conseillée mais ca ne marche pas ! Voici le code de la partie dont je parle :)

Code : Tout sélectionner

console.log(id); html += ('<td align="center" class="hideHoraires"><img src="settings.png" width="20" heigth="20" a href="" onclick="javascript:visibilite(\',id,\'); return false;" >'); html += ('</a> <div id=",id," align="center" style="display:none;position:absolute;background-color:#b4aba1"><form method="post"><input id="1" type="radio" name="radio" value="etam"/>Etam<br />'); html += ('<input id="1" type="radio" name="radio" value="ouvrier" />Ouvrier<br /><div align="center">'); html += ('<input type="submit" value="valider" name="ok"/></div></form></div></td>');

Re: Afficher onclick juste en dessous bouton

par momo33 » 02 août 2016, 09:04

Bonjour,

Je n'arrive pas à déterminer clairement ce qu'est data ! Dois-je faire une requête SQL qui récupère tous les id présents sur la base de données et les mettre dans cette variable pour ensuite les ressortir un à un en associant directement l'id récupéré à chacune de mes nouvelles balises div ?

Je travaille sur un fichier JS avec des html += (''), cette méthode marche t'elle quand même ?

Pardon pour ce flot de questions :) Je suis le seul programmeur de l'entreprise je galère un peu :)

Re: Afficher onclick juste en dessous bouton

par momo33 » 01 août 2016, 16:43

Oui effectivement, je travaille avec une base de données :)

Je travaille ce soir dessus, je te dirai demain matin ce qu'il en est du résultat.

Tu as tout à fait ciblé ma demande ne t'en fais pas.

Encore merci, je m'y met avec ces informations en priant que ca passe :) !

Bonne fin de journée

Re: Afficher onclick juste en dessous bouton

par moogli » 01 août 2016, 15:58

je suppose que tu affiches des données issue d'une base de données ?
Elle doivent avoir une clef primaire ?
Cette clef primaire est par essence unique donc pas la peine de chercher autre chose ça fera l'affaire ;)
ensuite tu "calcules" l'id html : $id = 'radio-'.$data['id']; (je suppose que la clef primaire s'appelle id et que les données sont dans $data, c'est totalement arbitraire).

il faut ensuite indiquer cette variables dans l'id html et dans le paramètre de la fonction JS
$id = 'radio-'.$data['id'];
echo 'onclick="javascript:visibilite(',$id,'); return false;' ></a>
// ...
echo <div id="radio-',$id,'">'; //....
ensuite avec le code JS précédent ça roule


si je n'ai pas compris ce que tu souhaite faire c'est le moment de le dire :-)~

@+

Re: Afficher onclick juste en dessous bouton

par momo33 » 01 août 2016, 14:00

PS : j'ai essayé de set une variable i à 0 et de l'inclure à la suite du id ="radio<?php echo $i;?>" mais cela ne fonctionne pas je suis confronté à l'erreur :

Uncaught TypeError : cannont read property 'style' of null.

Comme si dès que j'essayer d'inclure la variable au nom de l'id, la fonction d'affichage ne marche plus.

Re: Afficher onclick juste en dessous bouton

par momo33 » 01 août 2016, 13:46

Je vais employer cette méthode alors, juste pour précision, le code javascript me permettant de récupérer l'id de la ligne à chaque ligne ressemblera à ca tu penses ?

var ide = document.getElementsByTagName('table')[0].getElementsByTagName('tr')[1].cells[0].innerHTML;

je pourrai ainsi mettre une variable i entre les [] afin de récupérer à chaque tour un élément différent.

Merci pour ta réponse en tout cas :)

Re: Afficher onclick juste en dessous bouton

par moogli » 01 août 2016, 12:17

<div id="radio-<?php echo $idDeLaLigneQueTuAffiche; ?>" style="display:none;">

ensuite tu affiche le formulaire dans radio-42 ou radio-666.
sachant que de toute façon ton code js c'est une fonction qui prend en paramètre l'id le corps de celle ci sera toujours le même.
Attention quand même a mettre dans le formulaire une information te permettant d'identifier la ligne sur laquelle tu travails (dans mon exemple tu prends tous ce qui est après le - pour avoir l'id ;) ).


@+

Re: Afficher onclick juste en dessous bouton

par momo33 » 01 août 2016, 11:24

Bonjour Moogli,

J'ai tenté de multiples recherche à propos d'un id dynamique, et je suis un peu perdu, je ne vois pas comment le mettre en place. Faut il que je set une variable à 0 que j'incrémente à chaque nouvelle ligne du tableau (exemple : id="radio+i"), ou faut il passer par une aute méthode ? Car pour l'instant (sur mon site pas sur l'extrait de code donné ci dessus) j'ai l'impression que quand je fais apparaitre les deux boutons radios, quelque soit la position du bouton qui les fait apparaitre, ce sont toujours les mêmes c'est à dire ce de l'id radio.

J'espere que c'est assez clair comme explication sinon je peux préciser :)

Re: Afficher onclick juste en dessous bouton

par moogli » 26 juil. 2016, 14:17

Pour la connexion
phpf_cnx.png

Re: Afficher onclick juste en dessous bouton

par momo33 » 26 juil. 2016, 13:39

Merci pour la réponse, désolé si j'ai posté au mauvais endroit, je suis noob sur les forums je ferai plus attention à l'avenir, d'ailleurs j'ai tenté de m'inscrire cela a marché mais je ne vois pas ou me connecter :)

Re: Afficher onclick juste en dessous bouton

par moogli » 26 juil. 2016, 12:33

salut,

change ton id pour qu'il soit dynamique, par exemple en utilisant l'id de la ligne. => radio1, radio2 ... radio42
Il faut mettre la même info dans l'id du div et dans la fonction js du bouton

@+

Re: Afficher onclick juste en dessous bouton

par moogli » 26 juil. 2016, 12:15

Modération :
Afin d'obtenir plus de réponses, le sujet a été déplacé dans un forum plus approprié.