piccolo problema jquery

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Ho includo questo

HTML:
<!-- includo jquery --->
<script type="text/JavaScript" src="jquery-1.4.2.min.js"></script>
<!-- FINE includo jquery --->

<!--Includo plugin per rendere gli angoli arrotondati -->
<script type="text/JavaScript" src="jquery.curvycorners.source.js"></script>
<!--FINE Includo plugin per rendere gli angoli arrotondati -->
ma perchè se faccio

$("div").css("color","red");

non cambia il colore del testo in rosso?
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Scusa Ale97 se rispondo solo ora!!!


PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>Prove emanuele</title>
<!-- includo jquery --->
<script type="text/JavaScript" src="jquery-1.4.2.min.js"></script>
<!-- FINE includo jquery --->

<!--Includo plugin per rendere gli angoli arrotondati -->
<script type="text/JavaScript" src="jquery.curvycorners.source.js"></script>
<!--FINE Includo plugin per rendere gli angoli arrotondati -->

<style type='text/css'>

*{
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:20px;}

body{background-color:black;}

#contenitore{

position:relative;
width:1000px;
border:10px solid #fffc01;
overflow:hidden;


}


#logo{
position:relative;
float:left;
width:100%;
height:460px;
text-align:left;
z-index:2;
}

#logo .img{width:12%;margin-top:-1.5%;border:none;margin-left:1%;}

#logo_immagine{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#link{
position:absolute;
bottom:0;
left:0;
width:75%;
height:70px;
z-index:3;
}

#centro{
position:relative;
float:left;
width:100%;
height:900px;
}

#centro #image{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
}

#centro_dx{
position:absolute;
right:0;
top:0;
height:100%;
width:50%;
border:1px solid red;
z-index:100;
}


#centro_sx{
position:absolute;
left:0;
top:0;
height:100%;
width:50%;
border:1px solid red;
z-index:100;
}

#footer{

	position:relative;
	clear:both;
	width:100%;
	height:80px;
	background-color:#fffc01;
	color:black;

}
</style>

<!-- script che rende gli angoli rotondi--->
<script type="text/JavaScript">

  $(function(){ 
  
  settings = {
          tl: { radius: 20 },
          tr: { radius: 20 },
          bl: { radius: 20 },
          br: { radius: 20 },
          autoPad: true,
          validTags: ["div"]
      }

	  /**arrotondo gli angoli del contenitore **/
  $('#contenitore').corner(settings);
  
  
  
  });
  
  

</script>
<!-- FINE script che rende gli angoli rotondi--->
</head>
<body>

<center>

<script type='text/javascript'>
/**provo a cambiare qualcosa tramite jquery ***/
$("div").css("color","red");
/**FINE provo a cambiare qualcosa tramite jquery ***/
</script>
	<div id='contenitore'>
	
	<!-- ridimensiono il contenitore --->
		<script type='text/javascript' src='dim2.js'></script>
	<!-- ridimensiono il contenitore --->
	
		<div id='logo'>
			
			<div id='link'>
				<!--includo i link-->
				<?php include_once('Php/link.php'); ?>
			</div>
			<div id='logo_immagine'>
				<a href='index.php'><img src='Img/logo.jpg' width='100%' height='100%' title='poleggi' border='0' /></a>
			</div>
			
		</div>
		
		<div id='centro'>
		
			<div id='centro_sx'>parte sx</div>
			
			
			<div id='centro_dx'>destra</div>
			<div id='image'>
				<img src='Img/sfondo.jpg' width='100%' height='100%' />
			</div>
			
			
		
		</div>
		
		<div id='footer'>
			parte del footer - emanuele
		</div>
		
	
	</div>


</center>

</body>
</html>
in questo caso ad esempio i divi non cambiano colore!
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Giusto! eh la prima cosa che ho studiato ma è stata anche la prima che ho dimenticato :eek: - deevo prendere l'abitudine a mettere sempre il document ready!