Salve,
chi mi fa un esempio per utilizzare modernizr. Vorrei un esempio banale che stampi a video un alert se per esempio un tag video in html5 è supportato o no. Non capisco come integrarlo con l'html.
grazie
Salve,
chi mi fa un esempio per utilizzare modernizr. Vorrei un esempio banale che stampi a video un alert se per esempio un tag video in html5 è supportato o no. Non capisco come integrarlo con l'html.
grazie
un modo di usare modernizr e' controllare le classi che aggiunge al tag html,
in jquery, al document ready
poi ci sono altri modi di usarlo: testProp, yepnope...codice:if($('html').is('.touch')){ // fai qualcosa solo per touch devices }
ciao
Io sto provando questo
però non riesco a capire dove inserirlo e sopratutto come integrarlo con html.codice:If(Modernizr.canvas){ alert("ok") }else{ alert("no") }
Grazie mille per la risposta
(if con la i minuscola)
lo inserisci ovunque in un blocco script, dopo aver incluso modernizr
e funziona come previsto
riguardo a come integrarlo con html, non e' nulla di speciale, ci fai quello che vuoi, dal forzare un redirect ad altro documento a scrivere tag via document.write()
Ho provato questo ma non funge. Che sbaglio? Qualcosaa video dovrebbe stamparla?
codice:<!DOCTYPE html> <html> <head> <title>prova</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile- 1.2.0.min.js"></script> <script src="modernizr.b.js"></script> </head> <body> <script> if(Modernizr.canvas){ document.write("ok) ; }else{ document.write("no) ; } </script> </body> </html>
non chiudi i doppi apici di ok e no
a parte quello, quanto hai postato funzionerebbe
se ancora non funziona:
- modernizr non viene correttamente incluso o non e' una versione corretta
- dipende da quello che succede dopo (jquery, jquery mobile), cose che non sappiamo
ciao
Grazie mille era una versione non corretta di modernizr, ancora non ho capito bene come scaricarlo dal sito, o meglio cosa selezionare. Ora funziona
Piuttosto ho notato che se scrivo un alert includendo jquery l'alert viene visualizzato due volte
codice:<!DOCTYPE html> <html> <head> <title>prova</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile- 1.2.0.min.js"></script> </head> <body> <script type="text/javascript"> alert("java") ; </script> </body> </html>
appare 2 volte per come opera jquery mobile:
- il browser valuta il documento come per tutti i documenti
- jquery mobile ricombina quanto presente nel body in una "pagina" in modo da poter caricare altre pagine nello stesso documento
ciao
Ok grazie quindi mi sembra di capire che jquery mobile e javascript "nativo" non sempre possono essere usati insieme.
ma non e' questione di istruzioni: jquery mobile ha propri gestori eventi per eseguire qualsiasi istruzione al momento opportuno (pageinit, pageshow... perfino mobileinit)
se applichi la logica corretta non vi sono sorprese aggiuntive
ciao
Permessi di invio
Rispondi quotando