Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Semplice IF width , dove sbaglio?

    Ciao a tutti, ho bisogno di conoscere la risoluzione dello schermo per reindirizzare a diversi CSS, ma ho un problema che non riesco a capire!!

    Se utilizzo solo le prime 2 condizioni lo script funziona bene e mi cambia il css, ma se utilizzo tutte le condizioni semplicemente mi viene sempre scritto il PRIMO css ( >1600)!

    Probabilmente sbaglio qualcosa non essendo esperto i java!


    codice:
    if (screen.width>1600) {
      document.write("<link rel='stylesheet' href='css/main.css' type='text/css' media='screen' />");
      }
      else if (screen.width<1600&&screen.width>1360) {
      document.write("<link rel='stylesheet' href='css/main_m.css' type='text/css' media='screen' />");
      }
      else if (screen.width<=1360&&>=1024 {
      document.write("<link rel='stylesheet' href='css/main_s.css' type='text/css' media='screen' />");
      }
      
     else if (screen.width<1024&&>=640 {
      document.write("<link rel='stylesheet' href='css/main_xs.css' type='text/css' media='screen' />");
      }
     else if (screen.width<640) {
      document.write("<link rel='stylesheet' href='css/main_xxs.css' type='text/css' media='screen' />");
      }
    VISITA IL MIO SITO / BLOG!
    Tratta informatica, pulizia virus, elettronica, windows e linux, softair e altro!

    http://www.matte89thebest.com

  2. #2
    Mancavano delle parentesi nelle altre condizioni.

    codice:
    if (screen.width>1600) {
      document.write("<link rel='stylesheet' href='css/main.css' type='text/css' media='screen' />");
      }
      else if (screen.width<1600&&screen.width>1360) {
      document.write("<link rel='stylesheet' href='css/main_m.css' type='text/css' media='screen' />");
      }
      else if (screen.width<=1360&&>=1024) {
      document.write("<link rel='stylesheet' href='css/main_s.css' type='text/css' media='screen' />");
      }
      
     else if (screen.width<1024&&>=640) {
      document.write("<link rel='stylesheet' href='css/main_xs.css' type='text/css' media='screen' />");
      }
     else if (screen.width<640) {
      document.write("<link rel='stylesheet' href='css/main_xxs.css' type='text/css' media='screen' />");
      }
    PS: java è diverso da javascript

  3. #3

    NON FUNZIONA

    Ciao, le parentesi c'erano, nelle ultime modifiche le ho tolte, ma non funziona lo stesso!!


    codice:
    if (screen.width>1600) {
      document.write("<link rel='stylesheet' href='css/main.css' type='text/css' media='screen' />");
      }
      else if (screen.width<1600&&screen.width>1360) {
      document.write("<link rel='stylesheet' href='css/main_m.css' type='text/css' media='screen' />");
      }
      else if (screen.width<=1360&&>=1024) {
      document.write("<link rel='stylesheet' href='css/main_s.css' type='text/css' media='screen' />");
      }
      
     else if (screen.width<1024&&>=640) {
      document.write("<link rel='stylesheet' href='css/main_xs.css' type='text/css' media='screen' />");
      }
     else if (screen.width<640) {
      document.write("<link rel='stylesheet' href='css/main_xxs.css' type='text/css' media='screen' />");
      }
    Appena de commento le righe dopo la seconda condizione non funziona più nulla!

    A 1440 mi prende comunque il main.css invece del main_m.css!

    Qualche idea?

    Deve essere una MIA sbagliata scrittura dei cicli if , non so dove però!

    A occhio mi pare giusto e un ciclo IF non è mai stato un problema in altri linguaggi :P!!
    VISITA IL MIO SITO / BLOG!
    Tratta informatica, pulizia virus, elettronica, windows e linux, softair e altro!

    http://www.matte89thebest.com

  4. #4
    Scusa non mi sono accorto che mancano anche le variabili nella 2 e 3 condizione

    codice:
    if (screen.width>1600) {
      document.write("<link rel='stylesheet' href='css/main.css' type='text/css' media='screen' />");
      }
      else if (screen.width<1600&&screen.width>1360) {
      document.write("<link rel='stylesheet' href='css/main_m.css' type='text/css' media='screen' />");
      }
      else if (screen.width<=1360&&screen.width>=1024) {
      document.write("<link rel='stylesheet' href='css/main_s.css' type='text/css' media='screen' />");
      }
      
     else if (screen.width<1024&&screen.width>=640) {
      document.write("<link rel='stylesheet' href='css/main_xs.css' type='text/css' media='screen' />");
      }
     else if (screen.width<640) {
      document.write("<link rel='stylesheet' href='css/main_xxs.css' type='text/css' media='screen' />");
      }

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.