Discussion :

[Casio]

Salutations,

Soit le code suivant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
        <form>
            <div id="message">
                <label for="<? echo $inputId; ?>">Le message :</label>
                <textarea id="<? echo $inputId; ?>" name="<? echo $inputId; ?>"><? echo $inputVal; ?></textarea>
            </div>
 
            <div class="button">
	            <button onclick="myFunction('<? echo $inputId; ?>')">Copier le message</button>
            </div>
        </form>

Qui renvoie vers le JS suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script>
	function myFunction( id ) {
		var copyText = document.getElementById( id );
		copyText.select();
		document.execCommand("copy");
		alert("Texte en copie : " + copyText.value);
	}
</script>

Tout se passe à merveille, si ce n'est qu'à l’exécution, après l'affichage de l'alerte JS, cela prend le texte copié et le rajoute dans mon URL, ce qui charge une page en erreur.

Comment faire en sorte que le formulaire s’arrête au JS ?
Si je retire les balises <form>, le pb ne se pose pas (mais j'ai du CSS dessus, donc c'est relou).

Merci de votre aide...

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<button type="button".......

Par défaut : type="submit"

[Casio]

YES.

Merci beaucoup. Quelle quiche je suis...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="button">
    <button type="button" onclick="myFunction('<? echo $inputId; ?>')">Copier le message</button>
</div>