cambiare css in base alla larghezza dello schermo

[Night Assassin]

Qualcuno mi spiega perchè questo codice non funziona?

<script>
if(screen.width > 951) {
document.write('<h1>ciaoooooo</h1><style><?php echo $ri[css]; ?></style>');
}
else{
document.write('<h1>ciaoooooo</h1><style><?php echo $ri[css]; ?></style>');
}
</script>

echo $ri[css]; contiene lo style

Grazie

 

[f107]

Qualcuno mi spiega perchè questo codice non funziona?

<script>
if(screen.width > 951) {
document.write('<h1>ciaoooooo</h1><style><?php echo $ri[css]; ?></style>');
}
else{
document.write('<h1>ciaoooooo</h1><style><?php echo $ri[css]; ?></style>');
}
</script>

echo $ri[css]; contiene lo style

Grazie

Ma utilizzare i media?

http://www.html.it/pag/19467/css-media-queries-caratteristiche-dei-media/
E questo pezzo di codice dove è situato???
Fammi sapere.

 

[Night Assassin]

In realta' funziona in una pagina semplice... quando lo metto insieme a altro codice php smette di fare -.-

 

[criric]

Ciao Night Assassin,
Il titolo non va bene, dai una letta al regolamento.
Trovane un altro che faccia capire di cosa stiamo parlando tipo "cambiare css in base alla risoluzione".
Se non riesci a cambiarlo fammi sapere e te lo modifico io

 

[Night Assassin]

Non posso modificarlo...

E questo pezzo di codice dove è situato???
Fammi sapere.

E' situato in una pagina php...
In una pagina da solo funziona, quando aggiungo php non funziona più:incazz2:

 

[f107]

ma smette di fare nel senso che la console degli errori restituisce un errore oppure altro?
hai la pagina online da qualche parte cosi possiamo visionarla?
Fammi sapere.

 

[Night Assassin]

Smette di funzionare nel senso che se ad esempio nel document.write aggiungo anche del testo in una pagina normale mostra sia testo che stile, nella pagina php non mostra nessuno dei due.

 

[f107]

Ho notato che usi gli apici singoli, nel css che stampi non è che sono presenti degli ' ?
Comunque rinnovo il mio consiglio di usare le query media di css.
P.S.
La console degli errori js non viene segnalato nulla?

Fammi sapere.
Buona giornata

 

[Night Assassin]

Ho trovato un altro modo per cfare ciò che volevo... solo che non fa manco questo :O

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
function hide_visibility(classname) { $("."+classname).hide(); }
function toggle_visibility(classname) { $("."+classname).toggle(); }
function show_visibility(classname) { $("."+classname).show(); }
if(screen.width<961)
{
hide_visibility('notmobile');
toggle_visibility('notmobile');
show_visibility('mobile');
document.getElementByClass('notmobile').style.display='none';
}
if(screen.width>961)
{
hide_visibility('mobile');
toggle_visibility('mobile');
show_visibility('notmobile');
}

 

[criric]

Potresti provare anche cosi

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<link rel="stylesheet" id="style" href="versione_notebook.css"/>
<script type="text/javascript">   
    if(screen.width < 961) {
      $("#style").attr("href","versione_mobile.css");
    }
</script>

non ho testato
Cambio il titolo
edit
avevo sbagliato a scrivere il richiamo del css

 

[Night Assassin]

Funziona! Grazie mille!