cambiare css in base alla larghezza dello schermo

Night Assassin

Utente Attivo
16 Mar 2013
200
0
0
Qualcuno mi spiega perchè questo codice non funziona?
Codice:
<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

Utente Attivo
7 Ago 2012
206
6
18
Roma
Qualcuno mi spiega perchè questo codice non funziona?
Codice:
<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

Utente Attivo
16 Mar 2013
200
0
0
In realta' funziona in una pagina semplice... quando lo metto insieme a altro codice php smette di fare -.-
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
 

f107

Utente Attivo
7 Ago 2012
206
6
18
Roma
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

Utente Attivo
16 Mar 2013
200
0
0
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

Utente Attivo
7 Ago 2012
206
6
18
Roma
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

Utente Attivo
16 Mar 2013
200
0
0
Ho trovato un altro modo per cfare ciò che volevo... solo che non fa manco questo :O

Codice:
    <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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Potresti provare anche cosi
HTML:
<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
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
ecosito CSS: è possibile cambiare font con uno non di uso comune? HTML e CSS 11
B Javascript: Cambiare valore Css Javascript 1
V Aiuto su Stile CSS cambiare colore ad un modulo Joomla 1
L CSS, cambiare i colori della barra e ingrandire una immagine WordPress 1
blacksbugs Cambiare sfondo alle voci dei menù [CSS] HTML e CSS 3
N Come cambiare l'altezza della "zona lavoro" nel css?? HTML e CSS 1
W css-come cambiare lo sfondo del sito HTML e CSS 4
U pannellino per cambiare colore alle pagine tramite css e JS Javascript 6
G Come cambiare un css con javascript ?? HTML e CSS 0
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
M Cambiare pennello a lavoro completo Photoshop 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
P Cambiare visualizzazione con JS Javascript 1
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
G Cambiare colore ad un record database mysql MySQL 0
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0
O Allo scroll cambiare colore di sfondo jQuery 0
crealatualista [Javascript] Cambiare record tabella... Javascript 4
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
V javascript - cambiare immagine di sfondo di un div Javascript 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
B CAMBIARE PAGINA INIZIALE PHPMYADMIN MySQL 2
webmachine [WORDPRESS] Cambiare titolo pagina articoli WordPress 0
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
webmachine [PRESTASHOP] Cambiare ordine prezzo-sconto-prezzoscontato E-Commerce 1
B CAMBIARE TEMPLATES PHPMYADMIN MySQL 0
otto9due Dreamweaver CC 2017 - cambiare colorazione codice Windows e Software 5
webmachine [JQUERY] Cambiare immagine al click, toggle jQuery 1
A Cambiare Risposta onclick con Switch. Javascript 1
V Cambiare colore ad un button HTML e CSS 3
E Cambiare l'option di un select con jquery jQuery 1

Discussioni simili