[CSS] Classi

05-10-2009, 23.14.47

Dipende in quale directory è il file css. Se è in home allora non esistono, ma se sono in una sottocartella è possibile sia giusto.

**andreafallico** · 05-10-2009, 23.20.43

Infatti il file css non era in home ma in stili/form/

05-10-2009, 23.23.03

http://zomer.altervista.org/stili/form/img/input.png

[/OT]

06-10-2009, 22.52.12

http://zomer.altervista.org/blog/creazione_blog.php

Ma, ancora non và io visualizzo solo l'immagine di destra, in poche parole quelle sono tutte immagini che formano il select, non so come te lo devo spiegare...immagina un puzzle io ho tanti pezzi, tutti questi pezzi formano un immagine ecco io devo formare l'immagine, come posso prendere tutti i pezzi del puzzle?

06-10-2009, 22.55.00

Vai nel mio sito e in un'immagine clicca su visualizza sfondo, per caso intendi fare così? Utilizzare una sola immagine per tutto (Esempio)?

06-10-2009, 23.16.30

diciamo di si ma lo devo fare ad un select...capito? in poche parole come quando metti glia angoli arortondati ad un div...

06-10-2009, 23.19.18

è impossibile, puoi usare solamente javascript per questo scopo

06-10-2009, 23.22.10

mmm e una cosa complicata? mi faresti un esempio?

06-10-2009, 23.25.09

Purtroppo no, non conosco Javascript quindi non saprei.

Cercando il primo risultato è questo: http://stackoverflow.com/questions/7...nd-radiobutton

08-10-2009, 23.35.40

Ciao dopo una ricerca ho trovato una guida link ma non funge, mi dareste una mano?

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></title>
<style>
div
{
    font-size: 10px;
    font-family: verdana;
}
#valore
{
    width: 200px;
}
#vuoto
{
    display: block;
    position: relative;
    background: #DDDDDD;
    background-image: url(freccia.jpg);
    background-repeat: no-repeat;
    background-position: 185px center;
    padding: 3px 3px 3px 3px;
    width: 100%;
}
#valori a, #valori a:hover
{
    display: block;
    position: relative;
    text-decoration: none;
    padding: 3px 3px 3px 3px;
    width: 100%;
}
#valori a
{
    background: #DDDDDD;
    color: #000000;
}

#valori a:hover
{
    background: #336699;
    color: #FFFFFF;
}
</style>
<script>
function ApriStato()
{
    if (document.getElementById("stato").style.visibility == "hidden")
    {
        document.getElementById("stato").style.visibility = "visible";
    }
    else
    {
        document.getElementById("stato").style.visibility = "hidden";
    }
}

</script>
 </head>
<body>
<input type="hidden" name="valore">
    <div id="valore">
        <div id="vuoto" onclick="ApriValori()"></div>
        <div id="valori">
    <a href="javascript:Valore('Italia')">Italia</a>
    <a href="javascript:Valore('Spagna')">Spagna</a>
    <a href="javascript:Valore('Inghilterra')">Inghilterra</a>
    <a href="javascript:Valore('Francia')">Francia</a>
    <a href="javascript:Valore('Germania')">Germania</a>
</div>
    </div>
 </body>
 </html>

**andreafallico** · 09-10-2009, 16.00.35

Non funziona perchè ci sono due funzioni (quelle evidenziate in rosso) che non sono state definite.

Originalmente inviato da zomer

Ciao dopo una ricerca ho trovato una guida link ma non funge, mi dareste una mano?

Codice:

<!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></title>
<style>
div
{
    font-size: 10px;
    font-family: verdana;
}
#valore
{
    width: 200px;
}
#vuoto
{
    display: block;
    position: relative;
    background: #DDDDDD;
    background-image: url(freccia.jpg);
    background-repeat: no-repeat;
    background-position: 185px center;
    padding: 3px 3px 3px 3px;
    width: 100%;
}
#valori a, #valori a:hover
{
    display: block;
    position: relative;
    text-decoration: none;
    padding: 3px 3px 3px 3px;
    width: 100%;
}
#valori a
{
    background: #DDDDDD;
    color: #000000;
}

#valori a:hover
{
    background: #336699;
    color: #FFFFFF;
}
</style>
<script>
function ApriStato()
{
    if (document.getElementById("stato").style.visibility == "hidden")
    {
        document.getElementById("stato").style.visibility = "visible";
    }
    else
    {
        document.getElementById("stato").style.visibility = "hidden";
    }
}

</script>
 </head>
<body>
<input type="hidden" name="valore">
    <div id="valore">
        <div id="vuoto" onclick="ApriValori()"></div>
        <div id="valori">
    <a href="javascript:Valore('Italia')">Italia</a>
    <a href="javascript:Valore('Spagna')">Spagna</a>
    <a href="javascript:Valore('Inghilterra')">Inghilterra</a>
    <a href="javascript:Valore('Francia')">Francia</a>
    <a href="javascript:Valore('Germania')">Germania</a>
</div>
    </div>
 </body>
 </html>

ecco come deve essere corretto:

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>Nuova pagina 1</title>

<style>

div

{

    font-size: 10px;

    font-family: verdana;

}

#valore

{

    width: 200px;

}

#vuoto

{

    display: block;

    position: relative;

    background: #DDDDDD;

    background-image: url(freccia.jpg);

    background-repeat: no-repeat;

    background-position: 185px center;

    padding: 3px 3px 3px 3px;

    width: 100%;

}

#valori

{

    position: absolute;

    visibility: hidden;

}

#valori a, #valori a:hover

{

    display: block;

    position: relative;

    text-decoration: none;

    padding: 3px 3px 3px 3px;

    width: 100%;

}

#valori a

{

    background: #DDDDDD;

    color: #000000;

}



#valori a:hover

{

    background: #336699;

    color: #FFFFFF;

}



</style>

<script type="text/javascript">

function Valore(Nome)

{

    document.modulo.valore.value = Nome;

    document.getElementById("valori").style.visibility = "hidden";

    document.getElementById("vuoto").innerText = Nome;

}

function ApriValori()

{

    if (document.getElementById("valori").style.visibility == "hidden")

    {

        document.getElementById("valori").style.visibility = "visible";

    }

    else

    {

        document.getElementById("valori").style.visibility = "hidden";

    }

}

</script>

</head>



<body>

<form name="modulo">

    <input type="hidden" name="valore">

    <div id="valore">

        <div id="vuoto" onclick="ApriValori()"></div>

        <div id="valori">

    <a href="javascript:Valore('Italia')">Italia</a>

    <a href="javascript:Valore('Spagna')">Spagna</a>

    <a href="javascript:Valore('Inghilterra')">Inghilterra</a>

    <a href="javascript:Valore('Francia')">Francia</a>

    <a href="javascript:Valore('Germania')">Germania</a>

</div>

    </div>

</form>



</body>



</html>

09-10-2009, 16.27.34

Mi arrendo p impossibile emulare un select...ecco qui il link un ltima cosa e poi potete chiudere il topic, ma per modificare una texarea devo usare lo stesso metodo degli imput, giusto?

**andreafallico** · 09-10-2009, 16.43.37

Io avevo provato con IE 8 e funziona, invece ora ho visto che con firefox non funziona si deve sostituire innerText

Codice:

function Valore(Nome)
{
    document.modulo.valore.value = Nome;
    document.getElementById("valori").style.visibility = "hidden";
    document.getElementById("vuoto").innerText = Nome;
}

con innerHTML.

Per la textarea ho visto dal sorgente questo:

Codice:

<textarea name="descrizione" id="comments" cols="35" rows="10" class="textarea"></textarea>

ora dei definire solo la classe textarea nel file stile.css.

Discussione: [CSS] Classi

LinkBack

Strumenti discussione

Display

Regole di scrittura