OVH Cloud OVH Cloud

Button onclick (newbie)

13 réponses
Avatar
Jean-Louis Crouzet
Bonjour,

je cherche a changer la fonction du onclick dans mon javasript, j'arrive
a modifier la valeur mais pas la fonction, je ne trouve googoolitudes a
mon probleme, mais bon si quelqu'un peu m'aider ?
Merci d'avance

JL

<input type="button" name="ToDo" value="Move" onclick="Move();"></td>

10 réponses

1 2
Avatar
ASM
Bonjour,

je cherche a changer la fonction du onclick dans mon javasript,

<input type="button" name="ToDo" value="Move" onclick="Move();"></td>


changer Move() pour ce que tu veux
dans
onclick="Move();"

mais faut avoir une autre fonction pour ce faire ...

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
O.L.
Le 12/10/2005, ASM a supposé :
Bonjour,

je cherche a changer la fonction du onclick dans mon javasript,

<input type="button" name="ToDo" value="Move" onclick="Move();"></td>


changer Move() pour ce que tu veux
dans
onclick="Move();"

mais faut avoir une autre fonction pour ce faire ...


Ou peut être qu'il veut changer la valeur du onclick en passant par
JavaScript ?

Dans ce cas :

<input type="button" name="ToDo" value="Move" onclick="Move();">

<script>
els = document.getElementsByName('ToDo');
el = els[0];
el.onclick = function() {alert("Wazaaa !");}
</script>

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net


Avatar
Jean-Louis Crouzet
O.L. wrote:
Le 12/10/2005, ASM a supposé :


Bonjour,

je cherche a changer la fonction du onclick dans mon javasript,

<input type="button" name="ToDo" value="Move" onclick="Move();"></td>



changer Move() pour ce que tu veux
dans
onclick="Move();"

mais faut avoir une autre fonction pour ce faire ...



Ou peut être qu'il veut changer la valeur du onclick en passant par
JavaScript ?

Dans ce cas :

<input type="button" name="ToDo" value="Move" onclick="Move();">

<script>
els = document.getElementsByName('ToDo');
el = els[0];
el.onclick = function() {alert("Wazaaa !");}
</script>

Oui c'est exactement ça ! je n'ai pas testé, mais vu votre activité sur

le NG je n'ai pas de doute en plus ça à l'air de le faire comme je le
pensait ;-)
Merci.

Bon entre temps j'ai changé mon algo pour y palier...

Questions stupides, mais ou trouve t'on la liste par element (faut il la
chercher a l'aide d'un script)? Et cette methode est elle sensible au
choix du Browser?
// Exemple d'une galère précédente pour jouer à l'homme invisible
programmable !!!

echo "function Set_Visibility(id, visible)n" ;
echo "{n" ;
echo " if (document.getElementById(id))
document.getElementById(id).style.visibility = visible ;n" ; // Other
echo " else if (document.all[id]) document.all[id].style.visibility =
visible ;n" ; // MSIE
echo "}n" ;

PS: Je sais c'est du PHP mais bon ça génère du javascript!



Avatar
O.L.
Le 13/10/2005, Jean-Louis Crouzet a supposé :
Questions stupides, mais ou trouve t'on la liste par element (faut il la
chercher a l'aide d'un script)? Et cette methode est elle sensible au choix
du Browser?


La quoi ?

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

Avatar
Jean-Louis Crouzet
O.L. wrote:
Le 13/10/2005, Jean-Louis Crouzet a supposé :

Questions stupides, mais ou trouve t'on la liste par element (faut il
la chercher a l'aide d'un script)? Et cette methode est elle sensible
au choix du Browser?



La quoi ?

Je savais que j'étais trop clair!

La liste des properties et methodes par objet ou dans un tout autre ordre...
Merci.

PS: Et mon autre question ? ;-)


Avatar
ASM

PS: Je sais c'est du PHP mais bon ça génère du javascript!


ouais ben c'est un rien chiant :-(

déjà faut se farcir comprendre à demi-mot
des questions
et des bouts de codes sans contexte

si en plus il faut qu'on purge soi-même du php très mal fagoté !

Là je dis non non NON !
et pourtant je suis patient

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM
O.L. wrote:

Le 13/10/2005, Jean-Louis Crouzet a supposé :

Questions stupides, mais ou trouve t'on la liste par element (faut il
la chercher a l'aide d'un script)? Et cette methode est elle sensible
au choix du Browser?




La quoi ?

Je savais que j'étais trop clair!

La liste des properties et methodes par objet ou dans un tout autre
ordre...


voir selfhtml.org pour des tutoriaux en tous genres

un objet est un objet
la méthode est celle que tu lui donnes

si par méthode tu veux dire l'évenement associé

non exhaustif :

--- liens et images ---
onclick
onmousedown
onmouseup
onmousemove
onkeydown
onkeypress
onkeyup
onmouseover
onmouseout
---- form et ou éléments de form ---
onchange
onblur
onsubmit
checked
disabled
readonly
onclick
onfocus


PS: Et mon autre question ? ;-)


du javascript, quand on ne se sert pas de trucs propriétaires (IE ou NC)
c'est du javascript

Ha ! bien sûr il y a qques bugs

--
Stephane Moriaux et son [moins] vieux Mac



Avatar
Jean-Louis Crouzet
ASM wrote:


PS: Je sais c'est du PHP mais bon ça génère du javascript!



ouais ben c'est un rien chiant :-(

déjà faut se farcir comprendre à demi-mot
des questions
et des bouts de codes sans contexte

si en plus il faut qu'on purge soi-même du php très mal fagoté !

Là je dis non non NON !
et pourtant je suis patient

Je vous comprends bien ! Y a pas de soucy, je continue de Gougouliser et

je vais y arriver. En tous cas merci pour la premiere reponse.
Bonne soirée.
JL


Avatar
ASM
ASM wrote:

si en plus il faut qu'on purge soi-même du php très mal fagoté !

Là je dis non non NON !

Je vous comprends bien ! Y a pas de soucy,



tu nettoies toi-même
et tu poses ta question en essayant d'appeler un chat un chat

ou

tu donnes ton exemple (en ayant nettoyé et vérifié avant)
en disant où çà ne fonctionne pas

l'exemple peut être un fichier en ligne
s'il ne faut pas y chercher un petit bout de code
dans 272 lignes et un fourmillement d'images

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
Jean-Louis Crouzet
ASM wrote:

ASM wrote:


si en plus il faut qu'on purge soi-même du php très mal fagoté !

Là je dis non non NON !

Je vous comprends bien ! Y a pas de soucy,




tu nettoies toi-même
et tu poses ta question en essayant d'appeler un chat un chat

ou

tu donnes ton exemple (en ayant nettoyé et vérifié avant)
en disant où çà ne fonctionne pas

l'exemple peut être un fichier en ligne
s'il ne faut pas y chercher un petit bout de code
dans 272 lignes et un fourmillement d'images

Sages recommendations, merci. Pour l'instant ça va j'essaie juste de

comprendre et cela vient progressivement.
Je n'avais pas de contexte specifique, juste quelques essais du type
(voir document c&p ici bas).
153 lignes et pas de problème à priori. Par contre comme je débute
(genre je n'arrivai a trouver comment avoir une variable globale,
maintenant je sais) ce code peu éventuellement subir moulte améliorations.
Et je suis ouvert a toutes recommendations.
Merci et bonne journée
JL

Code section :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IUT Evry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="MSSmartTagsPreventParsing" content="TRUE"/>
<link href="../../css/exercices.css" rel="stylesheet" type="text/css"/>

<script language='javascript' type='text/javascript'>
<!-- Hide script

function Set_Visibility (id, visible)
{
if (document.getElementById(id))
document.getElementById(id).style.visibility = visible ; // Other
else if (document.all[id])
document.all[id].style.visibility = visible ; // MSIE
}

function check_bonus (cur_pos)
{
// cur_pos => This where we arrive, which need to be checked !
var exception = 63 ; // Do not have the x2 bonus (63)

if (cur_pos == exception) // The 63 exception !
return false ;

var n = cur_pos / 9 ; // Check if we are on goose bonus

if ((Math.ceil(n * 10)) == Math.ceil((Math.ceil(n) * 10)))
return true ;
}

function Rule_Move (cur_pos, dices)
{
// cur_pos => This where we arrive, which need to be checked !
// dices => Sum of our two dices
var skull = 58 ; // Skull return to start (58)
var end = 66 ; // Last position

if (cur_pos == end)
{
document.dice.ToDo.value = "Finished" ; // Finished game action
Set_Visibility("Finished", "visible") ;
window.setTimeout("window.location.reload();",3000) ;
}
else if (cur_pos > end)
{
var n = cur_pos - end ; // Need to move backward
cur_pos = end - n ;
}
else if (cur_pos == skull)
{
cur_pos = 0 ;
document.dice.old_pos.value = "58" ; // Just put the evidence !
Set_Visibility("Skull", "visible") ;
window.setTimeout("Set_Visibility("Skull", "hidden") ;", 3000) ;
}
else if (check_bonus(cur_pos))
{
cur_pos += dices ;
Set_Visibility("Bonus", "visible") ;
window.setTimeout("Set_Visibility("Bonus", "hidden") ;", 2000) ;
}
return cur_pos ;
}

function Move ()
{
var dice1 = eval(document.dice.dice1.value) ; // Get the user's input
from the form, assuming they are all valid.
var dice2 = eval(document.dice.dice2.value) ;
var old_pos = eval(document.dice.old_pos.value) ;
var new_pos = eval(document.dice.new_pos.value) ;

// Check if dices give a finite number. If so, start moving
if (isFinite(dice1) && isFinite(dice2))
{
// Old position change
document.dice.old_pos.value = new_pos ;

// Move forward for new position
var total_dices = dice1 + dice2 ;
new_pos = new_pos + total_dices ;

new_pos = Rule_Move(new_pos, total_dices) ; // Game rules checker

document.dice.new_pos.value = new_pos ;
}
else
{
document.dice.old_pos.value = "0" ; // Otherwise, the user's input was
probably invalid, so don't back to Start
document.dice.new_pos.value = "0" ;
}
}

// - End of JavaScript - -->
</script>
</head>

<body class='ex_body'>
<h1 class='ex_title'>Exercice N°5</h1>

<form name="dice">
<table>
<tr>
<td colspan="3"><b class="ex_question">Enter Dice 1 & 2 values:</b></td>
</tr><tr>
<td>Dice 1 (range 1-6):</td>
<td><input type="text" name="dice1" size="1" maxlength="1"
value="1"></td>
</tr><tr>
<td>Dice 2 (range 1-6):</td>
<td><input type="text" name="dice2" size="1" maxlength="1"
value="6"></td>
</tr><tr>
<td colspan="3">
<input type="button" name="ToDo" value="Move" onclick="Move();"></td>
</tr><tr>
<td colspan="3"><b class="ex_question">Position Information:</b></td>
</tr><tr>
<td>Old position:</td>
<td><input type="text" name="old_pos" size="2" maxlength="2"
value="0" readonly></td>
</tr><tr>
<td>New position:</td>
<td><input type="text" name="new_pos" size="2" maxlength="2"
value="0" readonly></td>
</tr>
</table>
</form>

<div id='Finished' style='position:absolute; top:256px; left:32px;
visibility:hidden'>
<p class='ex_warning'>Game Over !</p>
<p class='ex_warning'>To Replay refresh page now or wait 3 seconds</p>
</div>

<div id='Bonus' style='position:absolute; top:256px; left:32px;
visibility:hidden'>
<b class='ex_question'>Goose BONUS x2</b>
</div>

<div id='Skull' style='position:absolute; top:256px; left:32px;
visibility:hidden'>
<b class='ex_question'>Skull !!!</b>
</div>

<script language='javascript' type='text/javascript'>
<!-- Hide script

document.dice.dice1.value = "1" ; // Dices set to default values
document.dice.dice2.value = "6" ;
document.dice.old_pos.value = "0" ; // Init to start position
document.dice.new_pos.value = "0" ;

// - End of JavaScript - -->
</script>
</body>
</html>



1 2