Fusion de 2 scripts pour une fonction précise

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Fusion de 2 scripts pour une fonction précise

odo91600

Bonjour,

Voici 2 scripts qui fonctionnent indépendamment l'un de l'autre; je cherche à les associer.
Le premier script permet de récupérer une touche du clavier (au choix) et le deuxième script permet de mettre en surbrillance une ligne du tableau ci-dessous au passage de la souris.

Mon but serait que chaque ligne du tableau se mettent et restent en surbrillance une par une à chaque fois que j'appuie sur une touche du clavier.

Code :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<STYLE>
.tabnormal{background-color:white; color:navy; font-weight:bold}
.tabover{background-color:green; color:white; font-weight:bold}
</STYLE>
<title>Document sans nom</title>
</head>
<body>
<p> </p>
<script language="JavaScript">
document.onkeypress = checkKeycode;
function checkKeycode(event) {
var key;
if (event.keyCode) key = event.keyCode;
else key = event.which;
alert("Vous venez de frapper la lettre : " + key);
if(key == 32) { // 13 = enter 32 = spacebarre
parent.window.location = './identz.html';
}
}
// var lettre= String.fromCharCode(event.keyCode);
</script>
<table width="365" border="1" cellpadding="3" cellspacing="0" style="border-width:1px;border-style:solid;border-color:navy">
<tr class="tabnormal" onmouseover="this.className='tabover'" onmouseout="this.className='tabnormal'">
<td width="264"> Ligne 1</td>
</tr> <tr class="tabnormal" onmouseover="this.className='tabover'" onmouseout="this.className='tabnormal'">
<td> Ligne 2</td> </tr>
<tr class="tabnormal" onmouseover="this.className='tabover'" onmouseout="this.className='tabnormal'">
<td> Ligne 3</td> </tr>
</table>
<p> </p>
</body>

Il faut donc que j'enlève chaque "onmouseover" et "onmouseout" mais comment les remplacer ?
Il y a certainement une solution mais je débute en JavaScript.

Merci
odo

Publicité

odo91600

erratum : Je sais que la ligne 24 est incohérente; puisque c'est certainement à cet endroit qu'il faut modifier la couleur d'une ligne de tableau; mais comment ?

Shinuza

This is unexecpected

Oula, typiquement pour un tableau faut séparer les couches.

Tu vires les triggers d'event dans le code, et tu passes par une fonction style addEvent() @ le site Dean Edwards.

Après t'auras un truc genre (je vais pas te taper le code, juste la logique)

-Tu récupères les lignes de ton tableau;
-A chaque frappe de touche tu colores, par exemple la ligne 0 et t'avance le pointer d'un point.
-Encore une touche ligne 1, ect...

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

odo91600

Euh, j'ai pas tout compris, (voir moins que ça).
je continue à comprendre en cherchant sous google "triggers ", "addEvent()".

y a des pointer en javascript ?

Merci

odo

Shinuza

This is unexecpected

Non, pas au sens ou tu l'entends, c'est plus dans l'expression
La méthode getElementsByTagName renvoie un pseudo-tableau, du coup tu peux le parcourir en faisant avancer ton "pointer" d'un cran à chaque frappe de touche.

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

odo91600

Décidement, je suis trop novice en javascript pour faire ça.
j'ai regardé coté rollover distant. mais ça ne se fait pas au clavier non plus.

mvdp

Shinuza a raison.

Mais avant d'appeler la grande cavalerie, gardons la logique.
Si on clique sur la touche ‘espace' tu veux que la ligne reste en surbrillance.
Problème: ou est donc cette ligne?

Si on récupère l'endroit ou se trouve cette ligne, le tour est joué!
Je propose de changer ton mouseover.
On récupère à chaque fois sa valeur dans le variable ou.

On profite du fait que le mouseover précède toujours le mouseout.

Ensuite, si le souris sort: on teste s'il doit devenir normal ou rester fixe

Code :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<STYLE>
.tabnormal{background-color:white; color:navy; font-weight:bold}
.tabover{background-color:green; color:white; font-weight:bold}
.tabfixe{background-color:green; color:white; font-weight:bold} /* ajouté pour faire
une difference avec tabover*/
</STYLE>
<script language="JavaScript">
var ou=""// faut déclarer <ou> pour qu'il soit valable partout
document.onkeypress = checkKeycode;
function checkKeycode(event) {
var key;
if (event.keyCode) key = event.keyCode;
else key = event.which;
alert("Vous venez de frapper la lettre : " + key );
if(key == 32) { // 13 = enter 32 = spacebarre
ou.className="tabfixe"} // si on change avec barre d'espace, ca devient fixe
}
function garder(){
if ( ou.className!="tabfixe" ) // si ce n'est pas tabfixe
{ou.className="tabnormal"} // on revient à l'affichage normal
}
function oudonc(liste) {
ou=liste // on récupère l'endroit de la ligne
if (ou.className!='tabfixe') // si ce n'est pas tabfixe
{ou.className='tabover'} // on change en tabover
}
</script>
<title>Document sans nom</title>
</head>
<body>
<p> </p>
<table width="365" border="1" cellpadding="3" cellspacing="0" style="border-width:1px;border-style:solid;border-color:navy">
<tr class="tabnormal" onmouseover="oudonc(this)" onmouseout="garder()" >
<td name="L1" width="264"> Ligne 1</td>
</tr> <tr name="L2" class="tabnormal" onmouseover="oudonc(this)" onmouseout="garder()" >
<td> Ligne 2</td> </tr>
<tr name="L3" class="tabnormal" onmouseover="oudonc(this)" onmouseout="garder()" >
<td> Ligne 3</td> </tr>
</table>
</body>
</html>

FORUM HardWare.fr

Programmation

HTML/CSS

Fusion de 2 scripts pour une fonction précise

Sujets relatifs
Modification d'une fonction pour selectionner une plage de cellule	petit souci avec une fonction simple
Excel macro pour appliquer fonction sur une colonne	Problème avec fonction IF NOT EXIST
VBA [Résolu] Passer une fonction en paramètre	appel d'une fonction (execution) qui est definie par un char[]
Appeler une fonction C à partir d'un shell	[fonction] pour convertir les accents et choses non ascii ?
[C] Fonction niveau debutant	[Excel] extraire une valeur d'un tableau en fonction de 2 index
Plus de sujets relatifs à : Fusion de 2 scripts pour une fonction précise

Page générée en 0.091 secondes