Changement de couleur apres click sur un bouton

Changement de couleur apres click sur un bouton - HTML/CSS - Programmation

Marsh Posté le 26-07-2007 à 17:46:47    

Bonjour
 
Voila, j'ai un tableau avec plusieur cellules,  
dans chaque cellules j'ai des infos, et un bouton detail, qui m'affiche des infos detaille dans un cadre a part.
ce que j'aimerais faire c'est que quand je click sur le bouton detail, la cellule en question ai une bordure de couleur differente.
par exemple les bordure de base sont noir, quand je click sur detail, ma cellule prend des bordures rouges.
j'ai essayer en definissant 2 style, un avec bordure rouge et l'autre noir, et sur mon bouton j'ai mis comme evenement onclick
document.getElementById('celx').class=selected
 
mais ca ne marche pas.
 
auriez vous une idée ?
 
merci.

Reply

Marsh Posté le 26-07-2007 à 17:46:47   

Reply

Marsh Posté le 26-07-2007 à 19:04:06    

oui, j'ai une idée.
Sur l'événement onclick, appeler une fonction mettrecadre()
 
mettrecadre()
{
document.getElementById('celx').style.border = "solid 2px #FF0000"
}
 
De tête, à tester donc.

Reply

Marsh Posté le 26-07-2007 à 22:17:38    

ah, j'avait pas essayer ca.
 
 
edit : marche pas.
aussi bien en faisant une fonction, qu'en mettant ton code directement dans le onclick du bouton.
 
edit 2 : ah si, faut penser a charger la fonction:p
 
edit 3 : je suis mauvais
bon, en mettant ton code directement dans le onclick, ca marche, par contre si je passe par une fonction, meme en la chargeant, ca marche pas :'(
 
edit 4 : bon, ca marche, j'ai trouver, faut vraiement que je me remette au JS moi.
 
Merci pour ton aide.


Message édité par chico008 le 26-07-2007 à 22:40:06
Reply

Marsh Posté le 27-07-2007 à 13:13:51    

bon, reproblème
hier ca marchait a peu pres bien, mais en mettant la fonction sur une autre page et en mettant tout bien, ca marche plus.
voici ma fonction, elle remet tout les tableau en cadre noir, et celui que j'ai selectionner en rouge.
vu que c'est generer en php, le nombre max de tableau est defini par une variable.
voici ma fonction cadre

Citation :


function cadre(cadre,cptab)
{
 //deselection de tous les cadre
 n=1;
 while (n <= cptab)
 {
  table='tab'+n;
  document.getElementById(table).style.border='solid 1px #000000';
  n++;
 }
 //selection du cadre voulue
 document.getElementById(cadre).style.border='solid 1px #FF0000';
}


et voici mon bouton apres generation par le serveur

Citation :


<input type=button class=bout value=Detail onclick="cadre('tab1');">


 
tab1 et tab2 en php c'est 'tab".$n."'
et le 2 c'est une varaible fixer avant de generer le tableau.
 
edit : decidement, faut que j'arrete la moquette
dans la balise script dans le head, j'avait mis type='javascript', apparement ca lui plaisait pas, car une fois enlever, tout fonctionne.
allez comprendre.


Message édité par chico008 le 27-07-2007 à 13:26:24
Reply

Marsh Posté le 27-07-2007 à 14:10:55    

Faut mettre type="text/javascript", c'est obligatoire.

Reply

Marsh Posté le 27-07-2007 à 14:52:33    

bah, la ca marche tres bien sans, je vais arreter de modifier sans arret, sinon ca va encore plus marcher.

Reply

Marsh Posté le 27-07-2007 à 14:54:30    

Nonon, il faut le mettre, on sait jamais s'il exsite un autre langage par défaut. Si tu veux que ta page soit valide, il faut toujours préciser le type de script :)

Code :
  1. <script type="text/javascript" src="pouet.js"></script>

Reply

Marsh Posté le 27-07-2007 à 16:54:43    

pluzun

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed