Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19
  1. #1

    [js x css] cambiare layout e mantenerlo

    ciao, spero di essere nel forum corretto: nel caso scusatemi e spostatemi

    ho cercato in giro anche in quello di css (tra le pillole etc), ma non trovo niente; ho delle pagine in xhtml ed ho due css, uno di default ed uno alternativo; vorrei dare la possibilita' di caricarlo lato client con uno javascript, ma quel che ho trovato in giro o cambia i singoli elementi, oppure e' troppo criptico per le mie scarse capacita' col linguaggio o mi parla di crossbrowsing, ma non riesco a capire, perche' il crossbrowsing io lo controllo gia' a priori sui due css: e' forse il crossbrowsing dello script?

    beh, cmq: avete uno script semplice da consigliarmi e una spiegazione su come usarlo?

    grazie

    reb
    ===

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non capisco. C'e` una contraddizione.

    Parli di stile alternativo, e poi aprli di JS per selezionare lo stile.

    Uno stile alternativo viene gestito direttamente dai browser (quelli conformi), senza bisogno di JS.
    Se invece vuoi caricare un CSS in base a qualche caratteristica del browser, hai bisogno di JS (da inserire nella head).

    Per la gestione dello stile alternativo, puoi vedere il tag <link> (ad esempio qui).

    Per il caricamento di un CSS specifico in base al browser, trovi qualche script in questo forum o nel forum CSS e XHTML (ricerca con il bottone in alto a dx).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    semplice: l'ho visto fare, ma non so come si fa ad implementarlo e pensavo fosse un misto di css+js; ho cercato tra le pillole di css, non ho trovato niente ed ho deciso di postare qui, perche' credevo fosse piu' "congruo"

    mettiamola cosi':
    io ho creato un css di default, poi ho creato un alternate css e li ho linkati entrambi alle mie pagine (piu' il css per la stampa, ma quello e' a parte); ora vorrei dare la possibilita' all'utente di selezionare un css o l'altro e di mantenere la selezione durante tutta la navigazione nelle varie pagine, ma non so come fare ed e' quel che sto chiedendo, non importa se via js o via qualunque altro metodo

    l'ho visto fare in alcuni siti, ma purtroppo quando ancora la faccenda non m'interessava ed ora non li trovo piu'

    forse la discussione e' piu' da css, sorry

  4. #4
    Prova a guardare qui
    Allie Graywords

  5. #5
    per migliorare l'accessibilità lo farei lato server... comunque se vuoi usare javascript:
    Alternative Style: Working With Alternate Style Sheets
    ma, come ho detto, preferisco PHP:
    Build a PHP Switcher

  6. #6
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    io di solito uso questo lato client

    codice:
    //Creo il cookie
    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=/";
    }
    //Leggo il cookie
    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;
    }
    //Setto il CSS attivo
    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;
        }
      }
      createCookie("style", title, 365);
    }
    function getPreferredStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
           && a.getAttribute("rel").indexOf("alt") == -1
           && a.getAttribute("title")
           ) return a.getAttribute("title");
      }
      return null;
    }
    //RIDIMENSIONAMENTO DEL TESTO
    function setFontSize(size) {
    	var body = document.getElementsByTagName('body')[0];
    	if (size == 1) percentuale = "75%";
    	if (size == 2) percentuale = "100%";
    	if (size == 3) percentuale = "120%";
    	body.style.fontSize = percentuale;
    	createCookie('fontUtente',size,365);
    }
    var cookie = readCookie("style");
    var title = cookie ? cookie : getPreferredStyleSheet();
    setActiveStyleSheet(title);
    /*	size = readCookie('fontUtente');
    	if(size){setFontSize(size);}
    	else{size=2;}
    	createCookie('fontUtente',size,365);*/		
    	
    //
    basta richiamare con un link setActiveStyleSheet(title) passando il titolo del css che vuoi rendere attivo.
    c'è già anche la funzione setFontSize(size) per ingrandire/ridurre la dimensione del testo. basta decommentare le ultime righe
    Chicco Ravaglia per sempre con noi!

  7. #7

  8. #8
    infatti!!!
    non e' il massimo usare js per modificare il foglio di stile da caricare.
    SE il Js e' disabilitato....

    ciao
    www.meteowebcam.it
    La migliore raccolta di webcam meteo Italiane

    www.creazionigrafiche.com
    Grafica e siti web d'autore

  9. #9
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    se js è disabilitato si mette un link per lo switch lato server.
    Chicco Ravaglia per sempre con noi!

  10. #10
    ma non coviene gia farlo lato server?
    ciao
    www.meteowebcam.it
    La migliore raccolta di webcam meteo Italiane

    www.creazionigrafiche.com
    Grafica e siti web d'autore

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.