ciao a tutti,
sono in ricerca di un codice in javascript (almeno credo) che mi fa comparire un div solo se il browser e più vecchio di una determinata versione.
Esiste?
Printable View
ciao a tutti,
sono in ricerca di un codice in javascript (almeno credo) che mi fa comparire un div solo se il browser e più vecchio di una determinata versione.
Esiste?
Ciao matmax,
Come prima cosa ti consiglio di utilizzare JQuery, perchè non tutto il codice Javascript viene riconosciuto dai vecchi browser.
E come risposta alla tua domanda potresti utilizzare una cosa simile:
<script>
$(document).ready(function(){
/*Se il browser è IE e la sua versione è inferiore alla 7 esegui la function.
Per altri browser guardare qui: http://api.jquery.com/jQuery.browser/ */
if ( $.browser.msie && $.browser.version < 7) {
// per visualizzare
$('#ID oppure .class del div da visualizzare').css('visibility', 'visible'); //<-- Proprietà CSS
// per nascondere
$('#ID oppure .class del div da nascondere').css('visibility', 'hidden'); //<-- Proprietà CSS
$('#ID oppure .class del div da nascondere').hide(); //<-- JQuery
}
});
</script>
Sperò di esserti stato d'aiuto.
Ho provato ma non funziona come mai?
Codice HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento senza titolo</title>
<link rel="stylesheet" type="text/css" href="browser.css">
<script>
$(document).ready(function(){
if ( $.browser.msie && $.browser.version < 8) {
// per visualizzare
$('#browserie').css('visibility', 'visible'); //<-- Proprietà CSS
// per nascondere
$('#browserie').css('visibility', 'hidden'); //<-- Proprietà CSS
$('#browserie').hide(); //<-- JQuery
}
});
</script>
<script>
$(document).ready(function(){
if ( $.browser.chrome && $.browser.version < 18) {
// per visualizzare
$('#browsergoogle').css('visibility', 'visible'); //<-- Proprietà CSS
// per nascondere
$('#browsergoogle').css('visibility', 'hidden'); //<-- Proprietà CSS
$('#browsergoogle').hide(); //<-- JQuery
}
});
</script>
<script>
$(document).ready(function(){
if ( $.browser.opera && $.browser.version < 11) {
// per visualizzare
$('#browseropera').css('visibility', 'visible'); //<-- Proprietà CSS
// per nascondere
$('#browseropera').css('visibility', 'hidden'); //<-- Proprietà CSS
$('#browseropera').hide(); //<-- JQuery
}
});
</script>
<script>
$(document).ready(function(){
if ( $.browser.mozilla && $.browser.version < 19) {
// per visualizzare
$('browserfirefox').css('visibility', 'visible'); //<-- Proprietà CSS
// per nascondere
$('browserfirefox').css('visibility', 'hidden'); //<-- Proprietà CSS
$('browserfirefox').hide(); //<-- JQuery
}
});
</script>
</head>
<body>
<div class="browser" id="browserie" style="visibility: hidden;">
<img src="ie9.png"><div class="txtbrowser" align="justify">ATTENZIONE:<br>stai usando una versione di internet explorer datata. Se riscontri problemi di visualizzazione, 
<a href="http://windows.microsoft.com/it-it/internet-explorer/download-ie"> Aggiorna il browser!</a>
<br>
<br>
<p><a href="comeaggiornre.html">Non sai come aggiornare? Clicca qui.</a></p>
</div>
</div>
<div class="browser" id="browsergoogle" style="visibility:hidden;">
<img src="chrome.png"><div class="txtbrowser" align="justify">ATTENZIONE:<br>stai usando una versione di Google Chrome datata. Se riscontri problemi di visualizzazione, 
<a href="https://www.google.com/intl/it/chrome/browser/"> Aggiorna il browser!</a>
<br>
<br>
<p><a href="comeaggiornare.html">Non sai come aggiornare? Clicca qui.</a></p>
</div>
</div>
<div class="browser" id="browseropera" style="visibility:hidden;">
<img src="opera.png"><div class="txtbrowser" align="justify">ATTENZIONE:<br>stai usando una versione di Opera datata. Se riscontri problemi di visualizzazione, 
<a href="http://www.opera.com/browser/"> Aggiorna il browser!</a>
<br>
<br>
<p><a href="comeaggiornare.html">Non sai come aggiornare? Clicca qui.</a></p>
</div>
</div>
<div class="browser" id="browserfirefox" style="visibility:hidden;">
<img src="firefox.png"><div class="txtbrowser" align="justify">ATTENZIONE:<br>stai usando una versione di Mozilla Firefox datata. Se riscontri problemi di visualizzazione, 
<a href="http://www.mozilla.org/it/firefox/fx/"> Aggiorna il browser!</a>
<br>
<br>
<p><a href="comeaggiornare.html">Non sai come aggiornare? Clicca qui.</a></p>
</div>
</div>
</body>
</html>
Ciao matmax
Facciamo un riassunto:
1) Visto che hai già inserito la proprietà hidden nei <div> (prova anche con collapse è più bello però non ti garantisco il funzionamento su IE6) dovresti utilizzare solamente questa parte del codice dentro un unico <script> e lo stesso $(document).ready(function(){IL TUO CONTENUTO}); , esempio:
<script>
$(document).ready(function(){
if ( $.browser.msie && $.browser.version < 8) {
$('#browserie').css('visibility', 'visible'); //<-- Proprietà CSS
}else if ( $.browser.opera && $.browser.version < 11) {
$('#browserie').css('visibility', 'visible');
}
e cosi via....
});
</script>
Attenzione: tanti $(document).ready(function(){}); rendono il tuo sito più lento.
2) Non sapevo che firefox è arrivato alla versione 19 mi sembra che attualmente siamo alla 16 :=): .
3) Non mi ricordo bene se per utilizzare il codice jQuery bisogna scaricare le librerie, che puoi trovare qui
4) Ci sono molte cose carine a questo indirizzo, dai un occhiata: www.w3schools.com
Buon lavoro, sperò di esserti stato d'aiuto.