Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 18
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    398

    Come si possono cambiare i fogli di stile a una pagina utilizzando js ?

    Sorry

    Volevo realizzare un sito per il negozio di un mio amico.
    Sito semplice senza pretese statico header barra laterale di navigazione e contenuti.
    Con 2 3 sezioni.

    L'unica cosa carina che volevo aggiungere era il cambio dei css alla selezione di una delle 4 stagioni.

    Il problema e' che questo sito e hostato su alice e non posso usare nessun script lato server.
    posso solo lavorare con link a gui tramite get aggiungo variabili.

    Al momento sto studiando pesantemente il php e non volevo mettere troppa carne al fuoco
    perche' so che se mi metto a studiare anche js poi mi entusiasmo e disperdo le energie andando a destra e a manca.

    Penso che con js la cosa sia fattibile qualcuno potrebbe aiutarmi ?
    oltre a questo la stagione selezionata dovrebbe rimanere fissa nei successivi cambi si sessioni.

    i js possono settare i cookies ? se si sarebbe ancora meglio cosi si settano i cookies da soli e se li leggono e non devo neanche lavorare sui link.

    ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    398
    uppo e riformulo
    mi serve uno script che legga una variabile dai cookies e a seconda del valore di questa variabile
    carichi il css 1 2 3 o 4 se non c'e' va benissimo il primo

    oltre a questo che al premere di uno dei 4 pulsanti stagione setti/o sovrasciva la varaibile nel cookies.

    Spero che nella notte appaia un buon samaritano che mi aiuti

    ciao
    Andrea

  3. #3

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    398
    Spettacolo
    esattamente quello che mi serviva

    grazie 1000

  5. #5
    Originariamente inviato da Xinod
    http://www.constile.org/DHTML/skin/
    ciao
    Casca a pennello anche per me, quindi ti ringrazio del link..

    Ma purtroppo non mi funziona..
    Io avrei la necessita di far cambiare all'utente i diversi css presenti (come nell'esempio della pagina) il tutto però dovrà funzionare in locale.

    Mica è questa la motivazione? Questo script non funziona in locale?

  6. #6
    Il mio "sito" presente due .css uno di nome normale.css e l'altro ben.css.
    La pagina che dovrà essere chiamata è cosi composta:
    codice:
    <HTML>
    
    <HEAD>
    	<TITLE> HomePage Esercitazione con i CSS </TITLE>
    	<LINK REL="stylesheet" TYPE="text/css" HREF="normale.css" media:"screen" />
    
    <script type="text/javascript">
    <!--
    function createCookie(name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = '; expires='+date.toGMTString();
      }
      else expires = '';
      document.cookie = name+'='+value+expires+'; path=/';
    }
    
    function readCookie(name) {
      var nameEQ = name + '=';
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
    }
    function setCSS(nome_file_css) { 
    createCookie('skinUtente',nome_file_css,365);
    location.reload();
    }
    function setCSShref(nome_file_css) {
    var link_ = document.getElementsByTagName("link");
    for ($i=0;$i<link_.length;$i++)
    	if(link_[$i].media=="screen") link_[$i].href=nome_file_css+".css";
    }
    window.onload = function() {
    	nome_file_css = readCookie('skinUtente');
    	if(nome_file_css)	setCSShref(nome_file_css);
    }
    // -->
    </script>
    
    </HEAD>
    
    <BODY>
    	<H1> Benvenuti nella HomePage!! </H1> 
    	Queste sono pagine gestiche con i fogli di stile.
    
    	La visualizzazione può essere fatta in 3 modi diversi.
    
    
    Skin 1, Skin 2 
    
    
    
    
    	<TABLE border=1>
    		<TR> 
    			<Td>
    			 	 Link1 
    			</Td> 
    		</tr>
    
    		<TR> 	
    			<TD> 
    				Link2 
    			</TD> 
    		</TR> 
    
    		<TR> <Td> 
    			Link3 
    		</Td> </tr> 
    	</TABLE>
    </BODY>
    
    </HTML>
    Dove sbaglio?

    Grazie!!

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    nell' includere il css hai scritto media:"screen" invece di media="screen"

  8. #8
    Originariamente inviato da Xinod
    nell' includere il css hai scritto media:"screen" invece di media="screen"
    Non funziona lo stesso!!

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    se copio e incollo quello che hai scritto a me funziona

    i css devono trovarsi nella stessa cartella del documento
    altro non puoi sbagliare

    se ancora non funziona verifica che vengano regolarmente salvati i cookie in locale

  10. #10
    Originariamente inviato da Xinod
    se ancora non funziona verifica che vengano regolarmente salvati i cookie in locale
    Cioè?

    Cavolo ma perché a me non funziona..
    io se clicco su uno dei due link mi da l'ipossibilità di trovare la pagina e nell'url mi ritrovo java-script:setCSS('ben') se clicco su Skin2 e java-script:setCSS('normale') se clicco su skin1...

    Appena carico la pagina mi dice di abilitare il contenuto bloccato.. normale?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.