PDA

View Full Version : Iframe Magic


Savarona
01-08-2007, 07:58 AM
Hi,

I have a layer below, i want to learn how can i open iframe on the right sight of the page when i click the layer 11. Where do i must exactly write the code (iframe).

<div id="Layer11" style="position: absolute; left: 249px; top: 186px; width: 24px; height: 147px; z-index: 8"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hakkımızda','','LAYERHAKKIMIZDAust.j pg',1)"><img src="LAYERHAKKIMIZDA.jpg" alt="About_us" name="hakkımızda" width="25" height="147" border="0" id="hakkımızda" /></a></div>
---------------------------

i wrote this code but i only see iframe window on the right sight of the page but of course when i click the layer 11 i can not observe changing.
<iframe src="Anasayfa.html" name="dff" width="502" height="500" align="right" scrolling="yes" frameborder=0></iframe>
</body>
</html>
What is the right code and where it must be? Thanque..
Teşekkürler

domedia
01-08-2007, 01:30 PM
Try this, the iframe now has a unique ID, and I'm using the Document Object Model in the link to target that specific ID:
<div id="Layer11" style="position: absolute; left: 249px; top: 186px; width: 24px; height: 147px; z-index: 8"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hakkımızda','','LAYERHAKKIMIZDAust.j pg',1)" onclick="document.getElementById('myFrameName').src='YourNe wFileHere.html';"><img src="LAYERHAKKIMIZDA.jpg" alt="About_us" name="hakkımızda" width="25" height="147" border="0" id="hakkımızda" /></a></div>

<iframe src="Anasayfa.html" id="myFrameName" name="dff" width="502" height="500" align="right" scrolling="yes" frameborder=0></iframe>

Savarona
01-08-2007, 03:40 PM
Try this, the iframe now has a unique ID, and I'm using the Document Object Model in the link to target that specific ID:
<div id="Layer11" style="position: absolute; left: 249px; top: 186px; width: 24px; height: 147px; z-index: 8"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hakkımızda','','LAYERHAKKIMIZDAust.j pg',1)" onclick="document.getElementById('myFrameName').src='YourNe wFileHere.html';"><img src="LAYERHAKKIMIZDA.jpg" alt="About_us" name="hakkımızda" width="25" height="147" border="0" id="hakkımızda" /></a></div>

<iframe src="Anasayfa.html" id="myFrameName" name="dff" width="502" height="500" align="right" scrolling="yes" frameborder=0></iframe>


Thanque domedia,
You are GREAT!
Thanque so much

davidj
01-08-2007, 04:33 PM
You are GREAT!

i wouldnt go that far

chriskq
01-09-2007, 01:25 AM
</end modesty>

:-P

Savarona
01-09-2007, 09:39 AM
:) You are all THE BEST

I'm getting impatient because i'm amateur at designing web pages and this design ( it'll be my firsrt web page) will be really interesting. You will enjoy. If you don't help me to design my web page in this forum, it wouldn't come to this point. I'll share it with you immediately when i have done it.