Inserire javascript in CSS :)

[Mac@]

Ciao , per usi didattici , mi sono trovato di fronte a questo problema :

Ho un file CSS incluso nella pagina index.html , in questo file CSS , però , ci deve essere qualcosa che :
o riesce a cambiare una variabile impostata con javascript nella pagina html ;
o riesce ad includere un file javascript nella pagina html (magari esiste qualche hack di CSS tipo @import) in modo che cambi questa variabile

Mi affido a voi tutti ^__^
Grazie.

P.s.: è giusta questa sezione o era meglio metterlo in javascript ?

[Mega69]

Non si può fare col css. Immagino che il problema sia quello di includere un file javascript in parecchie pagine, vero? In questo caso, ma solo se hai incluso già uno javascript esterno, c'è una soluzione.


Codice javascript da includere in un eventuale file .js già inserito

window.onload=function() {
nuovoScript=document.createElement("script");
nuovoScript.setAttribute("type", "text/javascript");
nuovoScript.setAttribute("src", "nomefile.js");
document.getElementsByTagName("head").item(0).appendChild(nuovoScript);
}

[Mac@]

mi spiace ma mi serviva proprio cambiare una variabile javascript con css ^^
non c'è magari il modo includendo un file php rinominato .png ?

[Mega69]

Originariamente inviato da Mac@
mi spiace ma mi serviva proprio cambiare una variabile javascript con css ^^
non c'è magari il modo includendo un file php rinominato .png ?

Ma tu hai un webserver? E poi cosa intendi con trasformare php in png?

[Mac@]

Sì , ho un webserver

Intendo rinominarla , tanto poi il succo lo rileva in php ^__^
Mai provato ?

[Mich_]

Anzitutto un po' di chiarezza.
PHP lavora sul server PRIMA di inviare la pagina al client
(X)HTML e CSS sono linguaggi "statici" che definiscono il contenuto dela pagina e come tale contenuto viene visualizzato.
JS lavora sulla pagina quando questa e` sul client

Con il CSS si riescono a definire piccoli cambiamenti, legati alla posizione del mouse (:hover, :active, ...) ma non si riesce a fare altro (non per niente ho usato la parola "definire").
Con PHP si riesce a generare una pagina diversa (in modo maggiore o minore) in base a qualche variabile che sta sul server
Con JS si riesce a fare dei movimenti o modifiche alla pagina in base a variabili o eventi sul client.
C'e` infine qualche tecnica che permette/simula l'interazione diretta tra JS e PHP (ad esempio AJAX e derivati).

Alla luce di tali considerazioni (e magari con riferimento a queste) chiederei a Mac di riformulare la domanda.

[Mac@]

Mac@ , grazie
Mi ritiro dalla questione dato che ho capito che non riuscirei ^_^
Grazie delle delucidazioni .

[Pweb]

Se ti interessa solo per scopi didattici e di conoscenza, esiste un modo per richiamare un javascript tramite i CSS.
Opera e IE permettono di inserire dentro ad un CSS dei richiami di js. Purtroppo Firefox non supporta questa tecnica, se no si potrebbe usare per qualche applicazione, tipo certi eventi solo se il CSS è uno e altri se è il CSS alternatico...

Trovi tutto descritto qui:
http://www.quirksmode.org/css/javascript.html

[Mega69]

Se non sbaglio c'è anche una funzione expression(codice javascript), che però non ho mai capito come si usa.

[pictor]

O molto più facilmente ti crei una pagina PHP che genera dinamicamente gli stili

pagina.php

<style>
  .centrale {
  
  <? if condizione then ?>
    border: red;
  <? else ?>
    border: black;
  }
</style>

PS - Non ho idea della sintassi del PHP ^_^