[CSS] Mostrare la versione testo

27-12-2005, 15.13.32

Buon pomeriggio a tutti,
ho una domanda fresca fresca...
Come faccio in una pagina html a mettere un link per visualizzare la stessa senza che faccia riferimento ai CSS? non ricordo dove ma l'ho vista una cosa del genere su qualche sito...
Su firefox basta fare Visualizza -Stile pagina -Nessuno stile. Ma io voglio che si faccia direttamente dalla pagina...

Grazie

Ciao! :D

27-12-2005, 15.18.46

con il solo html credo che non si possa fare, volendo si può fare in javascript ma non ho la minima idea di come si possa fare con questo linguaggio. io mi ero fatto uno script in php per cambiare il CSS ad una pagina,ma volendo si può benissimo adattare a quello che chiedi tu. se ti interessa ti modifico il codice e poi te lo posto...

27-12-2005, 15.22.33

Ti ringrazio BFI ma non voglio usare il php... non so perché ma penso ci sia qualche comando per farlo con l'html... al massimo potrei usare il javascript... ma mi pare di aver visto non ricordo dove... un modo per cambiare lo stile alla pagina solo con l'html e i css...

Ciao! :D

27-12-2005, 15.44.40

vabbè... allora mi sa' che non posso aiutarti in altro modo

27-12-2005, 15.50.43

La soluzione è un pò bislacca ma..

Fare più pagine come ti interessano a te e poi linkarle?

27-12-2005, 16.07.56

@metaphor: Non mi piace l'idea di creare tante pagine uguali togliendo soltanto la riga che richiama il foglio di stile... volevo fare una cosa più leggera...
Grazie per la risposta comunque! :D

Altri suggerimenti?
Se proprio non c'è un modo... come posso procedere col javascript?

Ciao! :D

27-12-2005, 16.22.19

si fa così:
crei 2 o più fogli di stile alternativi e li includi così:
<link rel="stylesheet" type="text/css" title="principale" href="stile.css" />
<link rel="alternate stylesheet" type="text/css" title="alternativo" href="stile_alternativo.css" />
...
poi li faui scegliere all'user con la funzione javascript setActiveStyleSheet() passando come argomento il title del foglio di stile....

27-12-2005, 16.47.38

Grazie 1000 SoulHome! peccato per il javascript... ma credo sia la soluzione migliore... Appena ho un attimo la provo.

Grazie a tutti! :D

27-12-2005, 18.02.19

[Scusate l'UP] Ho provato ma non funziona...
questo è il codice che ho improvvisato per provare:

Codice HTML:

<html>
<head><title></title>
<link rel="stylesheet" type="text/css" title="principale" href="stile.css" />
<link rel="alternate stylesheet" type="text/css" title="alternativo" href="stile2.css" />
</head>
<body>
<input type="button" value="Clicca" onclick="setActiveStyleSheet('alternativo');" />
</body>
</html>

dove sbaglio?

**funcool** · 27-12-2005, 18.08.38

Originalmente inviato da poske

[Scusate l'UP] Ho provato ma non funziona...
questo è il codice che ho improvvisato per provare:

Codice HTML:

<html>
<head><title></title>
<link rel="stylesheet" type="text/css" title="principale" href="stile.css" />
<link rel="alternate stylesheet" type="text/css" title="alternativo" href="stile2.css" />
</head>
<body>
<input type="button" value="Clicca" onclick="setActiveStyleSheet('alternativo');" />
</body>
</html>

dove sbaglio?

Prova ad aggiungere return false;:

Codice HTML:

<input type="button" value="Clicca" onClick="setActiveStyleSheet('alternativo'); return false;">

Naturalmente non ti sei dimenticato di creare i due file CSS? E poi c'è qualcosa da modificare?

27-12-2005, 18.19.31

Grazie Funcool, ho provato con la tua return false ma nulla da fare...
i fogli di stile esterni li ho creati già :D

Provo a cercare su google "Alternate stylesheet"...

Se ci sono altri suggerimenti ve ne sono grato.

Ciao! :D

**heracleum** · 27-12-2005, 18.33.56

Beh a me sinceramente non è mai capitata di vederla sta funzione tra quelle primitive di Javascript, quindi penso proprio che sia il nome di una function che DEVE essere implementata, magari importando un file .js apposito che ne contiene la definizione.
Cercando al volo su google è venuta fuori questa:

Codice:

function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[ i ]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
} } }

Così già tutto ha più senso, questa funzione si scorre tutti i tag LINK e ne controlla l'attributo TITLE se non corrisponde a quello passato in parametro viene disattivato altrimenti attiva quello che gli abbiamo detto.
Dunque inserisci questa function in un blocco <SCRIPT> e vedi che funge

27-12-2005, 18.52.19

Thanks

io invece pensavo fosse una funzione prestabilita tipo getElementById()...

Ciao! :D

27-12-2005, 19.46.17

Originalmente inviato da heracleum

Beh a me sinceramente non è mai capitata di vederla sta funzione tra quelle primitive di Javascript, quindi penso proprio che sia il nome di una function che DEVE essere implementata, magari importando un file .js apposito che ne contiene la definizione.
Cercando al volo su google è venuta fuori questa:

Codice:

function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[ i ]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
} } }

Così già tutto ha più senso, questa funzione si scorre tutti i tag LINK e ne controlla l'attributo TITLE se non corrisponde a quello passato in parametro viene disattivato altrimenti attiva quello che gli abbiamo detto.
Dunque inserisci questa function in un blocco <SCRIPT> e vedi che funge

colpa mia.....sn un deficente......

**heracleum** · 27-12-2005, 19.50.59

Eeeeeh esaggggerato!!!

non si è mai deficienti quando si aiuta qualcuno.

Sempre cercando meglio ho visto questo sito francese (ma ovv.te ce ne saranno altri in varie lingue)
http://batraciens.net/css-astuces/skins-changement.htm
che usava un file script .js con tutte queste funzioni comode, addirittura per SALVARE in un cookie le preferenze.. non so se interessa cmq lo script completo è:
http://batraciens.net/css-astuces/styleswitcher.js
da copiare, mettere sul proprio spazio e farvi riferimento con
<script type="text/javascript" src="styleswitcher.js"></script>

mi sembra molto simpatico.

Discussione: [CSS] Mostrare la versione testo

LinkBack

Strumenti discussione

Display

[CSS] Mostrare la versione testo

Regole di scrittura