Discussion :

[crush911]

Bonjour, j’aurais besoin de mettre en jquery le javascript suivant, je ne suis pas très à l’aise avec le jquery..
C’est pour changer la couleur d’un div lorsqu’on clique sur le div en question, mais là le problème c’est quand on clique sur un nouveau div, l’ancien demeure de la même couleur alors que j’aimerais qu’il devienne transparant

En javascript j’ai ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var lastDiv = null;
function marker(currentDiv){
  document.getElementById(currentDiv).style.background ='#ff8a00';
  if (lastDiv!=null)
	{
   document.getElementById(lastDiv).style.backgroundColor='transparent';
 
	}
	lastDiv = currentDiv;
}

En jquery j’ai commencé ceci mais je ne sais pas comment fait pour que div redevienne transparent :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(document).ready(function(){
 
    $("#monID").click(function(e) {  
       $("# monID ").css("background-color", "#ff8a00");
    });

[danielhagnoul]

Bonsoir

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// div.test { width: 100px; height: 100px; background-color: red; }
 
// <div id="div1ID" class="test"></div>
// <div id="div2ID" class="test"></div>
 
var jObjLast = null,
    marker = function( jObj ){
    	jObj.css( "backgroundColor", "#ff8a00" );
 
        if ( jObjLast != null ){
             jObjLast.css( "backgroundColor", "transparent" );
		}
 
		jObjLast = jObj;
    };
 
$( "div" ).on( "click", function(){
	marker( $( this ) );
});

[Bovino]

Euh... quel est l'intérêt de vouloir remplacer un script de 5 lignes qui fonctionne bien ?