Hi, habe eine homepage und bin momentan am erstellen des neuen designs. Ich stehe da nur vor einem Problem,
Habe mir buttons gebastelt die genau zum style der seite passen, die mit image maps so angepasst dass wirklich nur die Fläche Button iss die Button sein soll. Alles schön und gut. nen I-frame hab ich auch rein gehängt,
nun komm ich zu meinem Problem, ich möchte über 2 Buttons (eigentlich 3) die html seiten hoch und runter scrollen die im I-Frame angezeigt werden. Hab schon einiges an scripten durch gemacht aber es hat nix funktioniert. Mein letzter versuch endete mit diesem script von macromedia. Aber in der ursprungs version wird da nur ein text gescrollt der in einer maske sitzt. Das script funktioniert im ursprung ohne probleme.
Beispiel:
http://home.arcor.de/abecker/test.html
das einzige was mir vom quelltext wirklich noch Probleme bereitet ist ob es geht das ganze so umzuschreiben dass nicht mehr der text in der maske angesprochen wird sondern die html seite in meinem I-Frame
Wers braucht
Quelltext meiner Page ohne das script
</script>
<body background="Bilder/hintergrund-blau.jpg" bgcolor="#4d74b9" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="1063" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="709" showgridx showgridy>
<tr height="68">
<td width="26" height="708" rowspan="10"></td>
<td width="21" height="414" colspan="3" rowspan="5"></td>
<td width="24" height="327" rowspan="4"></td>
<td width="66" height="171" rowspan="3"></td>
<td width="87" height="78" colspan="3" rowspan="2"></td>
<td width="838" height="68"></td>
<td width="1" height="68"><spacer type="block" width="1" height="68"></td>
</tr>
<tr height="10">
<td width="838" height="569" rowspan="7" valign="top" align="left" xpos="224">
<iframe name="i-frame" src="sub-seiten/main-sub.html" width="793" height="552" align="left" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>
</td>
<td width="1" height="10"><spacer type="block" width="1" height="10"></td>
</tr>
<tr height="93">
<td width="87" height="249" colspan="3" rowspan="2" valign="top" align="left" xpos="137"></td>
<td width="1" height="93"><spacer type="block" width="1" height="93"></td>
</tr>
<tr height="156">
<td width="66" height="156" valign="top" align="left" xpos="71"></td>
<td width="1" height="156"><spacer type="block" width="1" height="156"></td>
</tr>
<tr height="87">
<td width="90" height="87" colspan="2" valign="top" align="left" xpos="47"></td>
<td width="14" height="87"></td>
<td width="35" height="253" rowspan="3"></td>
<td width="38" height="310" rowspan="4"></td>
<td width="1" height="87"><spacer type="block" width="1" height="87"></td>
</tr>
<tr height="99">
<td width="125" height="99" colspan="6" valign="top" align="left" xpos="26"></td>
<td width="1" height="99"><spacer type="block" width="1" height="99"></td>
</tr>
<tr height="67">
<td width="11" height="195" rowspan="4"></td>
<td width="100" height="67" colspan="4" valign="top" align="left" xpos="37"></td>
<td width="14" height="195" rowspan="4"></td>
<td width="1" height="67"><spacer type="block" width="1" height="67"></td>
</tr>
<tr height="57">
<td width="100" height="57" colspan="4" valign="top" align="left" xpos="37"></td>
<td width="35" height="128" rowspan="3" valign="top" align="left" xpos="151"></td>
<td width="1" height="57"><spacer type="block" width="1" height="57"></td>
</tr>
<tr height="23">
<td width="1" height="71" rowspan="2"></td>
<td width="99" height="23" colspan="3"></td>
<td width="876" height="71" colspan="2" rowspan="2" valign="top" align="left" xpos="186"></td>
<td width="1" height="23"><spacer type="block" width="1" height="23"></td>
</tr>
<tr height="48">
<td width="99" height="48" colspan="3" valign="top" align="left" xpos="38"></td>
<td width="1" height="48"><spacer type="block" width="1" height="48"></td>
</tr>
<tr height="1" cntrlrow>
<td width="26" height="1"><spacer type="block" width="26" height="1"></td>
<td width="11" height="1"><spacer type="block" width="11" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="9" height="1"><spacer type="block" width="9" height="1"></td>
<td width="24" height="1"><spacer type="block" width="24" height="1"></td>
<td width="66" height="1"><spacer type="block" width="66" height="1"></td>
<td width="14" height="1"><spacer type="block" width="14" height="1"></td>
<td width="35" height="1"><spacer type="block" width="35" height="1"></td>
<td width="38" height="1"><spacer type="block" width="38" height="1"></td>
<td width="838" height="1"><spacer type="block" width="838" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
<map name="ScrollUP">
<area shape="poly" coords="55,2,0,40,0,41,15,69,27,99,27,87,25,77,19,62,18,60,18,53,39,54,39,45,18,45,18,36,40,18,56,2" href="sub-seiten/news.html" target="i-frame">
</map>
<map name="Scrolldownlinks">
<area shape="poly" coords="34,0,23,45,15,72,6,97,8,97,34,86,34,1" href="sub-seiten/news.html" target="i-frame">
</map>
<map name="Scrolldownrechts">
<area shape="poly" coords="0,29,35,18,58,12,48,12,48,3,3,3,3,11,0,11,0,28" href="sub-seiten/news.html" target="i-frame">
</map>
</body>
</html>
Würde mich über hilfe freuen.
Mfg
Heavygerch