Div che compare solo se browser vecchio

13-10-2012, 16.01.44

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?

22-10-2012, 23.46.59

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.

04-11-2012, 10.59.52

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,&nbsp 
<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,&nbsp 
<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,&nbsp 
<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,&nbsp 
<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>

05-11-2012, 23.35.12

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.

Discussione: Div che compare solo se browser vecchio

LinkBack

Strumenti discussione

Display

Div che compare solo se browser vecchio

Regole di scrittura