Posizionamento iframe e codice javascript

di
ery_87
il
1 risposte
E
ery_87
Pochi posts
Iscritto da
mar, 2014
Messaggi:
1

Posizionamento iframe e codice javascript

Ciao, sono Erika..... ho due problemi che non riesco a risolvere qualcuno può aiutarmi??


Il primo riguarda un codice javascript inserito in una pagina web.....questo codice si occupa di riconoscere il browser con cui visualizzo la pagina e modificare la proprietà di una tabella...ecco il codice

salvato in un file css
#tableCountdown {
width: auto;
padding:0x;
border: none;
position: relative;
top:auto;
left: 0px;
}

e questo è il codice javascript

<head>
<link href="css/countdown.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
var browser=(navigator.appCodeName);
var appName=(navigator.appName);
if(browser=="Mozilla" && appName=="Netscape"){
document.getElementById('tableCountdown').style.top='20px';
alert("entro");
}
</script>
</head>

Riconosce il browser entra nel if ma la proprietà top non viene modificata....perchè??? dove sbaglio????

Il seguente quesito riguarda il posizionamento di un iframe contenente un file .html e un immagine. Vorrei sovrapporre l'immagine all'iframe ma ciò non avviene, l'immagine viene coperta dall'iframe.



<div id="vt">
<iframe src="vt-2013/build/virtualtour.html"></iframe>
<div id="imgHeader">
<img src="img/sposini.png"/>
</div>
</div

nel codice css inserisco

div#vt iframe {position:relative; width:100%;height:210px; margin:0px 0px 16px 0px;z-index:1;}
div#imgHeader {position:absolute;top:180px;left:720px;z-index:2;}

le ho provate tutte...spero che qualcuno possa aiutarmi

Grazie

1 Risposte

  • openprogrammers
    openprogrammers
    Pochi posts
    Iscritto da
    apr, 2014
    Messaggi:
    43

    Re: Posizionamento iframe e codice javascript

    Per il primo codice... funziona! Devi solo mettere il codice javascript (e quindi il tag script) dopo la tabella

    <table id="tableCountdown">
    ....
    </table>
    <script type="text/javascript">
    ..codice javascript...
    </script>

    c'è un altro problema... questo codice funziona con tutti i browser... sia Firefox che Chrome/Chromium

    ti consiglio di utilizzare come condizione per individuare i browser, il seguente codice:

    if (navigator.userAgent.indexOf("Firefox") != -1) { alert("Stai usando Firefox!"); }
    if (navigator.userAgent.indexOf("Chrome") != -1) { alert("Stai usando Chrome!"); }
    if (navigator.userAgent.indexOf("Opera") != -1) { alert("Stai usando Opera!"); }
    ecc...


    Per il secondo problema.. devi solamente diminuire il valore attribuito a left:
    che al momento è 720px (quindi l'img la vedrai a destra dell'iframe)
    prova a mettere

    div#imgHeader {
    position:absolute;
    top: 100px;
    left: 10px;
    z-index: 2;
    }

    (ho diminuito anche il vlaore del top.. mi sembrava assai).

    Se ti serve una mano puoi mandarmi un e-mail a oppure chiedi sempre in questo forum.

    In ogni caso ti consiglio di leggere qualche articolo interessante sul CSS o comq sul webdesign in generale qui: http://shinworld.altervista.or
Devi accedere o registrarti per scrivere nel forum
1 risposte