Modificare una classe css

**kainard** · 01-09-2006, 22:48

Ciao a tutti,

ho vari div, sono gestiti con una classe css, e hanno la proprietà overflow = none

con un javascript dovrei cambiare il valore overflow ad auto.

Se lo faccio con gli id, funziona, con la class no. Perchè? come risolvo?

Codice PHP:


<html>

<head>

<style type="text/css">

.prova {

background-color: red;

width: 200px;

height: 10px;

color: blue;

text-align: center;

overflow: none;

}

</style>

<script Language="Javascript">



function lolloso() {

[b]prova.style.overflow = "auto";[b] <---questa non funziona, se invece lo faccio su id anzichè su class, funziona





}

</script>

</head>

<body>

<div class="prova">

antoniio ciao come stai?
rgrgergregegaegaega

antoniio ciao come stai?
rgrgergregegaegaega

</div>

<div class="prova">

antoniio ciao come stai?
rgrgergregegaegaega

antoniio ciao come stai?
rgrgergregegaegaega

</div>

<form>

<input type="button" name="anto" value="prova" onClick="lolloso()">

</form>

</body>

</html>

**whisher** · 02-09-2006, 08:53

Ciao.

prova.style.overflow = "auto";

Ma prova è un oggetto ?
Perchè se non lo è sarà dura che funziona.

**whisher** · 02-09-2006, 09:06

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="JavaScript" type="text/JavaScript">

function lolloso()

{

    var mioArray = document.getElementsByTagName("div");

    var lun = mioArray.length; //individuo la lunghezza dell'array 

    for (n=0;n<lun;n++) 

    { 

        if (mioArray[n].className=="prova") 

        {

            mioArray[n].className="prova2";

        }

    }

}



</script>



<style type="text/css">

.prova {

    background-color: red;

    width: 200px;

    height: 50px;

    color: blue;

    text-align: center;

    overflow: none;

} 

.prova2 {

    background-color: blue;

    width: 200px;

    height: 50px;

    color: red;

    text-align: center;

    overflow:auto;

} 

</style>



</head>



<body>

<div class="prova">

antoniio ciao come stai?
rgrgergregegaegaega

antoniio ciao come stai?
rgrgergregegaegaega

</div>

<div class="prova">

antoniio ciao come stai?
rgrgergregegaegaega

antoniio ciao come stai?
rgrgergregegaegaega

</div>

<form>

<input type="button" name="anto" value="prova" onClick="lolloso()">

</form> 





</body>

</html>

**kainard** · 02-09-2006, 11:11

ora funziona, grazie mille

ma come mai non andava il mio? prova non era considerato oggetto essendo il nome della classe? la sintassi non è come con gli id? nomeid.style.proprietà = valore ? grazie mille ancora

Discussione: Modificare una classe css

Strumenti discussione

Ricerca discussione

Visualizza

Modificare una classe css

............

..........

Permessi di invio