Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1349 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Changement de couleur apres click sur un bouton

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Changement de couleur apres click sur un bouton

n°1591979
chico008
what the wookie says ?
Posté le 26-07-2007 à 17:46:47  profilanswer
 

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.

mood
Publicité
Posté le 26-07-2007 à 17:46:47  profilanswer
 

n°1592006
durkheim
Posté le 26-07-2007 à 19:04:06  profilanswer
 

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.

n°1592070
chico008
what the wookie says ?
Posté le 26-07-2007 à 22:17:38  profilanswer
 

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
n°1592359
chico008
what the wookie says ?
Posté le 27-07-2007 à 13:13:51  profilanswer
 

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
n°1592391
FlorentG
Unité de Masse
Posté le 27-07-2007 à 14:10:55  profilanswer
 

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

n°1592415
chico008
what the wookie says ?
Posté le 27-07-2007 à 14:52:33  profilanswer
 

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

n°1592418
FlorentG
Unité de Masse
Posté le 27-07-2007 à 14:54:30  profilanswer
 

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>

n°1592536
durkheim
Posté le 27-07-2007 à 16:54:43  profilanswer
 

pluzun


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Changement de couleur apres click sur un bouton

 

Sujets relatifs
bouton qui se grise après avoir cliquéProblème CSS sur un bouton
[Zone de liste]Ligne de couleur différentesJe ne comprend pas d'ou vient cet ecart de couleur
Positionner bouton de commande ( par vba) sur une feuilleCouleur dans une liste déroulante
changement de graphicsChangement des propriétés de l'imprimante
bouton dans un clip, pb de lienProblème fgets suite à changement d'OS
Plus de sujets relatifs à : Changement de couleur apres click sur un bouton


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR