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!
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Quando scrivi delle istruzioni con jQuery assicurati che vengano eseguite quando gli elementi DOM sono stati caricati usando l'evento ready(). Prova così:
Codice:
$(document).ready(function() {
    $(div).css("color", "red");
});
 

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!
 
Discussioni simili
Autore Titolo Forum Risposte Data
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
C piccolo problema con mysql_connect() PHP 1
G Piccolo problema con il Drag&Drop jQuery 0
C usare un foglio php per la creazione di un excel: piccolo problema PHP 2
P Piccolo problema Input di un file. HTML e CSS 1
P Piccolo problema con gestione immagini. PHP 9
A Piccolo problema con form email HTML e CSS 2
emanuelevt zoom immagine [piccolo problema] jQuery 4
Neptune7650 Piccolo problema con la funzione include PHP 1
S Piccolo problema con un ayout liquido in as2 Flash 1
emanuelevt Piccolo problema impaginazione php PHP 8
T vb foe application excel piccolo problema Visual Basic 0
R Configurare EasyPHP, piccolo problema.. PHP 2
R Piccolo problema di visualizzazione.. PHP 3
G Piccolo ma grande problema con pulsante Flash 7
F Piccolo Problema menù espandibile toogle Javascript 6
S Piccolo problema con i CSS HTML e CSS 2
T Limitare accessi giornalieri di un utente [era: Piccolo problema] Classic ASP 1
S piccolo problema.. HTML e CSS 1
frankiedeguello Galleria immagini e Aruba, piccolo problema! Hosting 6
K Per EWIND, piccolo problema con lo script Flash 1
L Piccolo Problema... HTML e CSS 4
germainef ciao! ho una piccolo problema... PHP 0
J Un piccolo dubbio su Mailchimp Posta Elettronica 1
N [Java] Piccolo jform per calcolo totale da 2 campi i double Java 0
L Struttura ottimale di un piccolo sito SEO e Posizionamento 8
W Piccolo sistema per gestire alcune periferiche, Java o altro linguaggio? Java 8
A piccolo impianto per villetta a schiera IP Cam e Videosorveglianza 2
elpirata [Cerco][Gratuito]Cerco collaboratori per realizzazione piccolo gestionale Mysqli+Php Offerte e Richieste di Lavoro e/o Collaborazione 6
S [CERCO] spazio web per piccolo popup Fb, pago euro 10 ogni 1000 aperture Vendere e Acquistare pubblicita' online 0
otto9due Piccolo Script su select non funziona jQuery 2
MarcoGrazia [PDO][PHP[MySQL] Piccolo modulo di ricerca in un sito tramite l'operatore LIKE Snippet PHP 1
otto9due Redirect 301 con espressioni regolari piccolo aiutino Apache 3
G Piccolo aiuto per php mail PHP 2
D Piccolo quesito per il mio sito PHP 1
I Piccolo roblema di compatibilità mobile.. help! PHP 1
otto9due Piccolo dilemma con impolode PHP 6
P Piccolo software per gestire gli utenti. Snippet PHP 5
otto9due Piccolo problemino con il formato data e immagini per gli rss PHP 1
otto9due Creare un piccolo web services SOAP PHP 0
otto9due breadcrumbs con microformat o RDF piccolo aiutino.. PHP 2
otto9due Piccolo conflitto jquery.. Chi gli da uno sguardo? jQuery 6
otto9due Piccolo aiutino per una query.. PHP 3
otto9due Piccolo problemino su inserimento dati db da form PHP 5
P mi presento e mi serve un piccolo aiuto PHP 0
F Presentazione e piccolo aiuto PHP 20
F Presentazione e piccolo aiuto PHP 6
A Piccolo blog, guadagni Adsense... e TASSE Google AdSense 2
T Come potrei realizzare un piccolo forum di discussione su un sito web...? phpBB 2
M Convertire piccolo codice da lato server a client Javascript 1

Discussioni simili