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

    [javascript]ridimensionamento background

    Sto cercando di usare questo script per il ridimensionamento di una pagina html formattata con i fogli di stile. Il foglio di stile è inserito nella pagina stessa. Qusto è lo script, ma siccome non ho mai fatto uso di questi sistemi non so bene qual'è la posizione in cui inserirlo.
    codice:
    <script language="JavaScript" type="text/javascript"> 
    if (screen.width=="1024"){ 
    document.write('background-image:url('bkg/sfondo.jpg')') 
    } 
    if (screen.width=="800"){ 
    document.write('background-image:url('bkg/sfondo800.jpg')') 
    } 
    </script>
    Nella sezione <Style> dove ho inserito il foglio di stile(tra i tag <head>)ho eliminato il riferimento a background-image convinta che tanto lo avrebbe preso dallo script (che ho aggiunto subito dopo </style>)
    Ho le idee parecchio confuse, c'è qualcuno che può darmi una mano?

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Una riga simile fuori dai tag <style> non ha significato per il browser...

    codice:
    <script language="JavaScript" type="text/javascript"> 
    document.write('<style>');
    if (screen.width=="1024"){ 
    document.write('background-image:url('bkg/sfondo.jpg')') 
    } 
    if (screen.width=="800"){ 
    document.write('background-image:url('bkg/sfondo800.jpg')') 
    } 
    document.write('</style>');
    </script>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Ma questo script esattamente dove lo devo mettere? Perché dove è adesso non funziona.
    Questa è la struttura della pagina:
    codice:
    <html>
    <head>
    <title></title>
    <style>....</style>
    <script>....</script>
    </head>
    <body>....</body>
    </html>

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Non avevo notato... usi gli apici all'interno di una stringa delimitata da apici VVoVe:

    document.write("background-image:url('bkg/sfondo.jpg')")

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Purtroppo il problema non è solo quello, evidentemente. Ho ricontrollato che le immagini di sfondo siano presenti nella cartella bkg, ho riposizionato la stringa
    codice:
    background-image:url('bkg/sfondo.jpg')
    nella sezione body del foglio di stile e lo sfondo viene inserito, quindi vuol dire che c'è qualcosa che non va nello script. Solo che io non me ne intendo per niente, mi sono limitata a copiare un pezzo di codice: c'è forse qualche altra cosa che dovrei fare?

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.