kv79 Posted March 15, 2008 Share Posted March 15, 2008 Hi ,I forget where to look on the W3School ,I have www.servisracunara.co.nrsite and as you can see my images on the left side do not work ,so i need to tell me where to look about these clicking on the image in Java Script ,I hope that you understand this message if you do not i will be honored to clarify what i mean to said ( or write whatever)I mean , That i want to do is to ,when i click on the Popravka 2, i want to see the in the right down table a other frame .eg. I click on Popravka 3 he change the frame from the Popravka 1 to Popravka 3.Thank you for your life time , understanding , effort of reading this message . Link to comment Share on other sites More sharing options...
kv79 Posted March 16, 2008 Author Share Posted March 16, 2008 OK, does anyone know how to change In JavaScript a frame ? Link to comment Share on other sites More sharing options...
Synook Posted March 16, 2008 Share Posted March 16, 2008 document.getElementById("yourframesid").src = "newpage.html"; but you can also use the target attribute in links <a href="newpage.html" target="yourframesid">Click here for newpage!</a> Link to comment Share on other sites More sharing options...
kv79 Posted March 16, 2008 Author Share Posted March 16, 2008 Hi Synook , I can't do that because my iframe ID is not in the same file ,I do not know how to write target who can reach the other documents. Link to comment Share on other sites More sharing options...
jeffman Posted March 16, 2008 Share Posted March 16, 2008 my images on the left side do not work . . .Here is your code in tabla2.html:<map id="tablemap" border="0" name="tablemap" ><area share="rect" coords="0,0,170,50" href="frame_a.html" target="_blank" /><area share="rect" coords="0,50,170,50" href="frame_b.html" target="showframe" /></map> the word "share" should be "shape" with a p both times.BUT. To be honest, it's not a very attractive image. Why not use the same background, but then use <a> tags for links? Simpler, and the text would look better, at least until you have mastered your image editing software more thoroughly. Link to comment Share on other sites More sharing options...
kv79 Posted March 16, 2008 Author Share Posted March 16, 2008 Here is your code in tabla2.html:<map id="tablemap" border="0" name="tablemap" ><area share="rect" coords="0,0,170,50" href="frame_a.html" target="_blank" /><area share="rect" coords="0,50,170,50" href="frame_b.html" target="showframe" /></map> the word "share" should be "shape" with a p both times.BUT. To be honest, it's not a very attractive image. Why not use the same background, but then use <a> tags for links? Simpler, and the text would look better, at least until you have mastered your image editing software more thoroughly. OK you are a good guy but , can you write a target for other documents .This code above is my is not my code for this question . I just try to make my target with map id and do not know how. Link to comment Share on other sites More sharing options...
jeffman Posted March 16, 2008 Share Posted March 16, 2008 OK you are a good guy . . .Thanks for your support!First, I really must question the wisdom of multiple iFrames as a layout/nav mechanism. It's a little weird.But since you're just trying to get this thing working, try one of these: target="showframe" OR target="parent.showframe"One of those might work. Link to comment Share on other sites More sharing options...
kv79 Posted March 16, 2008 Author Share Posted March 16, 2008 Thanks for your support!First, I really must question the wisdom of multiple iFrames as a layout/nav mechanism. It's a little weird.But since you're just trying to get this thing working, try one of these: target="showframe" OR target="parent.showframe"One of those might work. not working Link to comment Share on other sites More sharing options...
Synook Posted March 16, 2008 Share Posted March 16, 2008 What code did you use? Link to comment Share on other sites More sharing options...
kv79 Posted March 16, 2008 Author Share Posted March 16, 2008 This is the Frame_a.html and i need to change that into frame_b or frame_c . <body background="frame_a.1.gif"><title>frame_a</title><div align="center" > <h1><strong>Popravka 1 </strong></h1></div><p> </p> <table width = "600" border="1" align="center" > <tr> <td width="326"><div align="center"><b>Naziv Usluge</b></div></td> <td width="259"><div align="center"><b>Cjena Usluge</b></div></td> <tr> <tr> <td>Formatiranje Diska</td> <td><div align="center">-</div></td> <tr> <tr> <td>Instalacija Operativnog Sistema </td> <td><div align="center">-</div></td> </tr> <tr> <td>Instalacija Drivera </td> <td><div align="center">-</div></td> </tr> <tr> <td>Software-ska Instalacija Mreže </td> <td><div align="center">-</div></td> </tr> <tr> <td> </td> <td><div align="center">20.00KM</div></td> </tr></table><p> </p><p>Popravka 1 - Ovaj način popravljanja računara se svodi na uništavanje svih podataka( pa i virusa ) na računaru da bi dobio potpuno novi početak , kao da sam kupio potpuno novi hard disk . </p></body> This is my front page or my first one . <html> <body bgcolor="#FFFFCC"> <table align="center" width="800" height="600" border="0" > <tr> <td border="1" width="400" colspan="2" ><iframe src="nasl.html" width="800" height="200" ></iframe></td> </tr> <tr> <td border="0" width="200" ><iframe src="tabla.html" width="200" height="400"></iframe></td> <td border="0" width="600" ><iframe src="frame_a.html" width="600" height="400" scrolling="no" id="showframe" name="showframe" ></iframe> </tr> </table> </body></html> This is for Table.html <html><head><script type="text/javascript">function mousePop1on(){ document.Pop1.src="Popravka1on.gif" ;}function mousePop1off(){ document.Pop1.src="Popravka1off.gif" ;}function mousePop2off(){ document.Pop2.src="Popravka2off.gif" ;}function mousePop2on(){ document.Pop2.src="Popravka2on.gif" ;}function mousePop3off(){ document.Pop3.src="Popravka3off.gif" ;}function mousePop3on(){ document.Pop3.src="Popravka3on.gif" ;}function mouseZR1off(){ document.ZR1.src="ZR1off.gif" ;}function mouseZR1on(){ document.ZR1.src="ZR1on.gif" ;}function mouseZR2off(){ document.ZR2.src="ZR2off.gif" ;}function mouseZR2on(){ document.ZR2.src="ZR2on.gif" ;}function mouseKoff(){ document.K.src="Koff.gif" ;}function mouseKon(){ document.K.src="Kon.gif" ;}function onclickPop2(){document.getElementById("mypage.showframe").src="frame_b.html" ;}</script></head><body background="tabla.gif"><table border="0" ><tr> <td> <img src="Popravka1off.gif" onmouseover="mousePop1on()" onmouseout="mousePop1off()" name="Pop1" /></td></tr><tr> <td> <img src="Popravka2off.gif" onmouseover="mousePop2on()" onmouseout="mousePop2off()" name="Pop2" onclick="onclickPop2()" /></td></tr><tr> <td> <img src="Popravka3off.gif" onmouseover="mousePop3on()" onmouseout="mousePop3off()" name="Pop3"/></td></tr><tr> <td> <img src="ZR1off.gif" onmouseover="mouseZR1on()" onmouseout="mouseZR1off()" name="ZR1"/></td></tr><tr> <td> <img src="ZR2off.gif" onmouseover="mouseZR2on()" onmouseout="mouseZR2off()" name="ZR2"/></td></tr><tr> <td> <img src="Koff.gif" onmouseover="mouseKon()" onmouseout="mouseKoff()" name="K"/></td></tr></table></body></html> Link to comment Share on other sites More sharing options...
kv79 Posted March 16, 2008 Author Share Posted March 16, 2008 And this is the head of whole page and i do not need to change. And do not need to look at this code. <html><head ><title>Naslov</title></head><body background="nasl4.3.gif" ><div align="center" ><img class="naslid" src="krasno.gif" height="100" /></div><p><a href="http://www.freedomain.co.nr/"><img src="http://snrrsoa.ne.com.ru/co-nr.gif" width="88" height="31" alt="Free Domains at .co.nr" style="border: 0px;" /></a></p></body></body ></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.