begin process at 2012 05 29 02:12:18
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Clic et double clic dans un tableau


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Clic et double clic dans un tableau

mercredi 2 mars 2005 à 11:03:37 | Clic et double clic dans un tableau

nougitch

Bonjour,

Je possède un tableau.
J'aimerai que quand je clique sur une donnée elle se colore.
Quand quand je reclique dessus, elle retrouve sa couleur initiale.
Et que je puisse en sélectionner plusieurs (en colorier plusieurs).

J'ai tenté en m'inspirant du script de brandon.
Merci d'avance à ceux qui pourront m'aider !

Voici ce que j'ai :

---------------------------------------
fichier : selection.js
---------------------------------------

function selec(ligne) {
    if (!select) {
        select = 1;
        ligne.style.background='red';
        temp = ligne;
    }
    else {
        if (ligne.style.background=='red') {
            select = 0;
            ligne.style.background='transparent';
        }
    else {
        temp.style.background='transparent';
        ligne.style.background='red';
        temp=ligne;
    }
    }
}

---------------------------------------
fichier : test.php
---------------------------------------

<script language="JavaScript" src="selection.js"></script>
<?
echo '<table width="400" border="1">
<TR name="ligne" onclick="selec(this)">;<td>Paris</td></tr>
<TR name="ligne" onclick="selec(this)">;<td>Lille</td></tr>
<TR name="ligne" onclick="selec(this)">;<td>Lyon</td></tr>
<TR name="ligne" onclick="selec(this)">;<td>Marseille</td></tr>
<TR name="ligne" onclick="selec(this)">;<td>Bordeaux</td></tr>
</table>
';
?>
mercredi 2 mars 2005 à 13:13:13 | Re : Clic et double clic dans un tableau

bultez

Membre Club

Bonjour,
 un ch'tit exemple ?


<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/JavaScript">
function selec(zone)
{if (zone.style.backgroundColor!="red")
  zone.style.backgroundColor="red";
else zone.style.backgroundColor="white"; }
</script>
</HEAD>
<BODY>
<table width="400" border="1">
<TR><td onclick="selec(this);">Paris</td></tr>
<TR><td onclick="selec(this);">Lille</td></tr>
<TR><td onclick="selec(this);">Lyon</td></tr>
<TR><td onclick="selec(this);">Marseille</td></tr>
<TR><td onclick="selec(this);">Bordeaux</td></tr>
</table>
</BODY></HTML>

Cordialement. Bul. ~Site~~Mail~

mercredi 2 mars 2005 à 13:16:59 | Re : Clic et double clic dans un tableau

djagger

Salut :

essay ca :

<html>
<script>
function selec(ligne) {
   
 if(eval("ligne"+ligne).style.background.indexOf('red')==false)eval("ligne"+ligne).style.background='white';
 else eval("ligne"+ligne).style.background='red';
    }
</script>
<body>
<table width="400" border="1">
<TR id="ligne1" onclick="selec(1)" style="background: white;"><td>Paris</td></tr>
<TR id="ligne2" onclick="selec(2)" style="background: white;"><td>Lille</td></tr>
<TR id="ligne3" onclick="selec(3)" style="background: white;"><td>Lyon</td></tr>
<TR id="ligne4" onclick="selec(4)" style="background: white;"><td>Marseille</td></tr>
<TR id="ligne5" onclick="selec(5)" style="background: white;"><td>Bordeaux</td></tr>
</table>
</body>
</html>


ca devrait etre bon !
a+++
mercredi 2 mars 2005 à 13:19:10 | Re : Clic et double clic dans un tableau

djagger

arff oué plus court ! héhé 
mercredi 2 mars 2005 à 13:57:17 | Re : Clic et double clic dans un tableau

nougitch

Merci les gars !

Ca fonctione... Cool cool cool !


Cette discussion est classée dans : ligne, clic, style, tableau, background


Répondre à ce message

Sujets en rapport avec ce message

Figer une ligne de tableau ?? [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Figer une ligne de tableau [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Figer une ligne de tableau [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec changer limage de fond d'un tableau [ par lumesh ] Salut,Bon oila, je suis a la recherche de la maniere pour modifier limage de fond d'une cellule d'un tableau avec javascript lors d'un rollover su cel [Javascript] Gestion de liste et de nombre [ par Shirox ] Tous d'abord bonjour, et merci de vous être attarder sur ce sujet :) .Je m'excuse si le titre n'est pas très précis, mais je ne voyais pas trop comm Style et Script [ par Pocel ] Débutant,je voudrai changer la couleur de la cellule d'un tableau à la sélection de cette dernière. Pour le moment j'applique un style au onClick, mai .left et .top [ par Vincentsoft ] Salut,Voilà, j'ai un problème avec un script.En fait, je veux faire un menu qui s'ouvre quand on passe dessus. Il marche très bien sur Internet Explor Formulaire : Ajouter une ligne sans reload [ par coraziari ] Bonjour,Je réalise un formulaire de saisie de CV mais je galère un peu pour les expériences. En effet, pour ne pas "polluer" trop la page, j'ai mis un supprimer lignes d un tableau [ par era ] bon, voila je cherche a cache des lignes d un tableau html, sans que la place reste priseje passe par document.getElementById("laligne").style.visibil clic droit sur une cellule d'un tableau [ par manutu ] salut a vous tousJe travaille sur un projet et j'aimerais gérer créer une fonction javascript qui ouvre un menu sur un click droit sur une cellule pré


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,593 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales