CSS modifica parametri

**Refosco** · 29-08-2003, 15:21

Salve,
volevo sapere se è possibile aggiungere, in un secondo punto della pagina, alcuni parametri di un elemento non attribuiti inizialmente nel foglio di stile esterno.

Mi spiego meglio... :tongue:

Nel foglio di stile esterno, che viene richiamato all'inizio della pagina, assegno, ad esempio, alla classe

.prova ( color: #000000; background-color: #FF6600; )

successivamente (più avanti nella pagina) devo aggiungere a questa classe, un parametro che non mi è possibile inserire a priori, ad esempio:

width: 150;

in sostanza, alla fine, dovrebbe eseguire:

.prova (color: #000000; background-color: #FF6600; width: 150; )

Ho provato inserendo (più avanti nella pagina):

.prova ( width: 150; )

ma così facendo perde i parametri "iniziali".

Grazie in anticipo

**iguane** · 29-08-2003, 15:26

Originariamente inviato da Refosco
Salve,
volevo sapere se è possibile aggiungere, in un secondo punto della pagina, alcuni parametri di un elemento non attribuiti inizialmente nel foglio di stile esterno.

Mi spiego meglio... :tongue:

Nel foglio di stile esterno, che viene richiamato all'inizio della pagina, assegno, ad esempio, alla classe

.prova ( color: #000000; background-color: #FF6600; )

successivamente (più avanti nella pagina) devo aggiungere a questa classe, un parametro che non mi è possibile inserire a priori, ad esempio:

width: 150;

in sostanza, alla fine, dovrebbe eseguire:

.prova (color: #000000; background-color: #FF6600; width: 150; )

Ho provato inserendo (più avanti nella pagina):

.prova ( width: 150; )

ma così facendo perde i parametri "iniziali".

Grazie in anticipo

lo puoi fare con javascript, esempio:

codice:

<html>
<head>

<script>
 function inserisci(){

  document.getElementById('test').style.width='150px'

}
</script>
</head>
<body>

<div id="test" style="border=1px solid #FF0000;">ciao</div>





clicca
</body>
</html>

**Refosco** · 29-08-2003, 15:37

grazie per la risposta (velocissima!), ma non mi sono spiegato bene...

la pagina viene generata in PHP e l'attributo da aggiungere (anzi, più di uno) vengono "calcolati" dall'applicazione (potrebbe essere una dimensione come ho segnalato prima
(width: 150)
oppure altro (ad esempio il folder per una immagine di background (background-image: url(questononloso/menu1.gif)

quindi l'aggiornamento degli attributi viene fatto in automatico, non con iterazione con l'utente;

quindi, il foglio di style esterno viene letto all'inizio...

#navlist a {
padding: 1px 2px 1px 8px;
border: 0px none;
background-color: #999;
color: Black;
}

poi, poco prima dell'utilizzo della classe, con PHP farei scrivere:

<style type="text/css">
#navlist a {
width: ".$widthitem."px;
background-image: url(layout/menu/menu-liv1.gif);
height: ".$heightitem[1]."px;
}
</style>;

il problema è che alla seconda lettura di #navlist la precedente viene cancellata del tutto, metre io dovrei fare, in sostanza, #navlist + #navlist (prima + dopo)

Non posso peraltro scrivere tutti i parametri dentro l'applicazione PHP in quanto poi, per modificarli, dovrei andare in edit dell'applicazione PHP (e non posso)

**Refosco** · 29-08-2003, 15:50

come non detto...

a meno di non avere le treveggole, sembra che la cosa funzioni normalmente (cioè si possono aggiungere parametri ad una classe più volte nella pagina, senza che vengano cancellati quelli dichiarati prima)...

probabilmente prima non avevo modificato i parametri giusti.

grazie per la collaborazione!

Discussione: CSS modifica parametri

Strumenti discussione

Ricerca discussione

Visualizza

CSS modifica parametri

Re: CSS modifica parametri

Permessi di invio