Scrolling orizzontale di div in Iframe

[ema04]

Ciao a tutti ho un problema con lo scrolling in oggetto. La pagina con il div scorre correttamente se lanciata singolarmente.Quando la richiamo con src nel iframe succede che il contenuto del div non scorre completamente. Mi spiego meglio: si tratta di una "striscia" in un div un po lunga. Quando scorre all'interno del IFrame dopo aver percorso circa il 30% salta e ricomincia dall'inizio. Avete un idea di quale possa essere il problema?
Grazie 1000

Emanuele

[cavicchiandrea]

Originariamente inviato da ema04
Ciao a tutti ho un problema con lo scrolling in oggetto. La pagina con il div scorre correttamente se lanciata singolarmente.Quando la richiamo con src nel iframe succede che il contenuto del div non scorre completamente. Mi spiego meglio: si tratta di una "striscia" in un div un po lunga. Quando scorre all'interno del IFrame dopo aver percorso circa il 30% salta e ricomincia dall'inizio. Avete un idea di quale possa essere il problema?
Grazie 1000

Emanuele

Se ho capito bene tu hai una pagina che al suo interno vi è un div con dimensioni poniamo H 400px L 400px e la vuoi richiamare in un iframe.
Posta sia la pagina che l'iframe da capire come sono configurati, se sono settati tramite css posta anche quello.

P.S. Anche se penso che il problema sia sulle dimensioni del iframe, prova a settarlo + grande del div Es (div 400px per 400px - iframe 450px per 450px)

[ema04]

Ecco la configurazione degli iframe:

<iframe id="datamain2" src="novita.php" width="530px" height="90px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>

<iframe id="datamain" src="offerte.php" width="530px" height="90px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>


ecco la pagina esterna con i div

<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-weight: bold;
}
-->
</style>
<div id="datacontainer" style="position:absolute;left:1;top:10px;width:100 %" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">


<link href="css.css" rel="stylesheet" type="text/css" />
<table width="473" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/hypertx.jpg[/img]
</div>

<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Dissipatore COOLER MASTER Hyper TX heatpipe 775</td>
<td width="97" height="14" valign="middle"><p class="style1">16,92</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>

<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Monitor LCD BRIMAX 17" LM17V Multimediale</td>
<td width="97" height="14" valign="middle"><p class="style1">126</p></td>
</tr>
</table></td>

<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook ACER 5633WLMI_1GB</td>
<td width="97" height="14" valign="middle"><p class="style1">782,32</p></td>

</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/acer5680.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook ACER 5684WLMI_NV7600</td>

<td width="97" height="14" valign="middle"><p class="style1">1002,32</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/AS9410_web_large.JPG[/img]
</div>
<p align="center"> </p></td>

<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook ACER 9424WSMI_T5600</td>
<td width="97" height="14" valign="middle"><p class="style1">1002,32</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/TM6410_web.jpg[/img]

</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook ACER TM6413WLMI_512</td>
<td width="97" height="14" valign="middle"><p class="style1">826,32</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">

<tr>
<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook HP PAVILION DV1672EA</td>
<td width="97" height="14" valign="middle"><p class="style1">783</p></td>
</tr>

</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/dv2164.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook HP PAVILION DV2164EA</td>

<td width="97" height="14" valign="middle"><p class="style1">767</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]
</div>
<p align="center"> </p></td>

<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook HP PAVILION DV6115EA</td>
<td width="97" height="14" valign="middle"><p class="style1">698</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]

</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Notebook HP PAVILION DV6146EU</td>
<td width="97" height="14" valign="middle"><p class="style1">712,12</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">

<tr>
<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Scheda Video SAPPHIRE ATI RADEON X1650PRO 256MB PCI-Express</td>
<td width="97" height="14" valign="middle"><p class="style1">95,9</p></td>
</tr>

</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/videodeluxe2007.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Software MAGIX VIDEO DELUXE 2007</td>

<td width="97" height="14" valign="middle"><p class="style1">35,9</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/HPA516.jpg[/img]
</div>
<p align="center"> </p></td>

<td width="170" height="14" valign="middle" class="TDMINICopy">Stampante HP PHOTOSMART A516</td>
<td width="97" height="14" valign="middle"><p class="style1">69,9</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">
<tr>
<td width="107" height="14" align="center" valign="middle"> <div align="center">[img]img/HPD5160.jpg[/img]

</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Stampante HP PHOTOSMART D5160</td>
<td width="97" height="14" valign="middle"><p class="style1">76,9</p></td>
</tr>
</table></td>
<td width="469" colspan="4" valign="top" bgcolor="#FFFFFF"><table width="382" height="14" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">

<tr>
<td width="107" height="14" align="center" valign="middle"> [img]img/noimgdett.jpg[/img]
</div>
<p align="center"> </p></td>
<td width="170" height="14" valign="middle" class="TDMINICopy">Videoproiettore ACER XD 1150</td>
<td width="97" height="14" valign="middle"><p class="style1">449</p></td>
</tr>

</table></td>
</tr>
</table>
</div>
<script type="text/javascript">

/***********************************************
* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=1

//Specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=500

function initializeScroller(){
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.left="5px"
setTimeout("getdataheight()", initialdelay)
}

function getdataheight(){
thelength=dataobj.offsetWidth
if (thelength==0)
setTimeout("getdataheight()",10)
else
scrollDiv()
}

function scrollDiv(){
dataobj.style.left=parseInt(dataobj.style.left)-scrollspeed+"px"
if (parseInt(dataobj.style.left)<thelength*(-1))
dataobj.style.left="5px"
setTimeout("scrollDiv()",40)
}

if (window.addEventListener)
window.addEventListener("load", initializeScroller, false)
else if (window.attachEvent)
window.attachEvent("onload", initializeScroller)
else
window.onload=initializeScroller

</script>
</body>
</html>