HTML - A Href Java Applet Link Only Works In Safari, Why Not Ff?
The following webpage uses an a href to turn the chunk of java code into a link to the bottom of the page, while this works in Safari it doesn ot in FireFox v2/3 (I have not got IE, can somebody confirm). How can I make the java applet link work under FF?
http://lovelago.googlepages.com/java_button_2.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><!-- charset must remain utf-8 to be handled properly by Processing --> <meta http-equiv="content-type" content="text/html; charset=utf-8"><title>java_button_eg : Built with Processing</title> <style type="text/css"> /* <![CDATA[ */ body { margin: 60px 0px 0px 55px; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 11px; background-color: #ddddcc; text-decoration: none; font-weight: normal; line-height: normal; } a { color: #3399cc; } a:link { color: #3399cc; text-decoration: underline; } a:visited { color: #3399cc; text-decoration: underline; } a:active { color: #3399cc; text-decoration: underline; } a:hover { color: #3399cc; text-decoration: underline; } /* ]]> */ </style></head><body> <a href="#Bottom"> <div id="content"> <div id="java_button_eg_container"> <!--[if !IE]> --> <object classid="java:java_button_eg.class" type="application/x-java-applet" archive="java_button_eg.jar" standby="Loading Processing software..." height="100" width="100"> <param name="archive" value="java_button_eg.jar"> <param name="mayscript" value="true"> <param name="scriptable" value="true"> <param name="image" value="loading.gif"> <param name="boxmessage" value="Loading Processing software..."> <param name="boxbgcolor" value="#FFFFFF"> <param name="test_string" value="outer"> <!--<![endif]--> <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab" standby="Loading Processing software..." height="100" width="100"> <param name="code" value="java_button_eg"> <param name="archive" value="java_button_eg.jar"> <param name="mayscript" value="true"> <param name="scriptable" value="true"> <param name="image" value="loading.gif"> <param name="boxmessage" value="Loading Processing software..."> <param name="boxbgcolor" value="#FFFFFF"> <param name="test_string" value="inner"> <p> <strong> This browser does not have a Java Plug-in. <br> <a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in"> Get the latest Java Plug-in here. </a> </strong> </p> </object></a> <!--[if !IE]> --> </object> <!--<![endif]--> </div> <p> </p> <p> Source code: <a href="http://lovelago.googlepages.com/java_button_eg.pde">java_button_eg</a> </p> <p> Built with <a href="http://processing.org/" title="Processing.org">Processing</a> </p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="Bottom">Bottom</a> </body></html> Similar TutorialsFirst of all sorry, but couldn't figure out where to put this :s anyway, I'm wondering what would be a good program to write Java applet's with for a website. I'm planning on making my own Java irc (applet) so that it will blend in nicely with the rest of the website style, and as such doesn't clash with it so any good programs, tutorials would be welcome Hey guys, I recently wrote my first java applet, and I've been trying to put it up on my website. I created a .jar file with the applet and the two extra classes it needed to run (a concrete class and an interface). I first embedded it using <applet> tags, and it seemed to work nicely. I ran it on my computer on Chrome, Firefox, and IE with no problems. But so far it hasn't worked on any other computer, and I've tried five different computers, and three different browsers (Chrome, Firefox, Opera). I realized it may have been due to the fact that <applet> tags have been depreciated, so I tried to make another one using <object> tags, which failed to work at all. I'm pretty confused, so any help would be appreciated! Here is the first version(using <applet> tags): (deleted) And the second version (using <object> tags): http://artymowicz.atwebpages.com/projects/gravity.html Hi, I've spoiled my eyes searching what's wrong with my code: IE 8 works ok with links, Chrome and Firefox shows links only as text. Can someone with brighter eyes & brains tell me what went wrong? Here is the code: _____________________________________________________ HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> _____________________________________________________ CSS: _________________________________________________ a, a:link { text-decoration: none; color: #fff; } a:visited { text-decoration: none } a:active { text-decoration: none } a:hover { font-size: 24px } #navigation ul { padding: 24px 0px; } #navigation ul li { margin: 0; list-style-type: none; } #navigation { font-size: 20px; font-weight: bold; float: left; text-align: center; width: 199px; } #navigation .center { background: url('images/navi-backgr.png') repeat-y top left; } ____________________________________________________________ xHTML: ____________________________________________ <div id="navigation"> <div class="center"> <ul> <li style="color: #feffd8; font-size: 5">Thispage</li> <li> <a href="another.html">Anotherpage</a></li> <li> <a href="third.html">Thirdpage</a></li> <li> <a href="fourth.html">Fourthpage</a></li> <li> <a href="last.html">Lastpage</a></li> </ul> </div> </div> <!-- /navigation --> ____________________ tnx, Lug. Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated! Domain: www.drewandjess.net Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!--> <script type="text/javascript"><!-->changes title bar to match title on current page in frame<!--> function changeTitle() { if (top.frames['main'].document.title) { top.document.title=top.frames['main'].document.title; } } </script> </head> <frameset> <frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!--> <noframes> <body> If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox. </body> </noframes> </frameset> </html> http://www.ptacnik.com/index102.html When previewing through Dreamweaver in ANY of these 3 browsers it looks fine. (from my local drive) But once online it only loads in Firefox. Is there something fishy with the frames perhaps? missing an XML doc on my end? I can't figure out what is causing this. Any help would be very much appreciated. http://www.ptacnik.com/nav1.html is the top frame and the list below are the frames loaded under nav1. http://ptacnik.com/about101.html http://ptacnik.com/design.html http://ptacnik.com/illustration.html Hi, Im trying to develop a simple HTML interface for virtual tours but I cant get the site to look the same in all browsers. The problem comes when I view the page in IE. I want the bottom table to only be the length of the window as done in both safari and firefox. My site can be viewed on: http://www.fullvisual.com/informatic...tual_tour.html why doesn't the width=100% work? Thanks Just wondering if there are some issues with IE7 handling iframe content. The initial iframe source page was loaded up fine. However, an attempt to reload the same content page by targeting it from an HTML form on the same main page doesn't work. It's structured like below. The same page works fine in IE8 and Safari. Any clues? Main Page -> <iframe name="frame" id="frame_id" src="abcd.html"></iframe> -> <form id="buttonform" name="buttonname" method="post" action="abcd.html" target="frame"> My site here is working in FF v3.5.9 but when I just recently loaded it in Safari and Chrome the page just doesn't work. I don't understand why because I developed it and tested it when using Safari and Chrome is built on Webkit too. http://www.meta.projectmio.com/sss.html It seems like a recent thing, but it still works in FireFox so I don't know what's going on? Any ideas? my problem is ie and its padding, ie has add a 4px padding at the bottom of the of the image but in safari and firefox there is no padding. here is the url so u understand what i mean http://nathanoconnor.co.uk/gilbertelectrical/site/ http://www.yandina.com/JIndex.htm Open in Firefox, Chrome or Safari - - - that is what it is supposed to look like. Open in IE and the last table get overlaid on top of the previous table. What sort of things can cause that? Additional (unrelated I think) problem, IE is not accessing cookies but others are fine. What can cause that? I am designing a page w/ a horizontal menu and CSS (added in header). For some reason, IE7 dislikes what I am doing (the HOVER doesn't seem to be working...) but it works fine in Opera, FF and Safari . . Perhaps one of the pros here can take a look under the hood? I've been at it for hours and can't seem to find the bug(s)... http://www.huntandfishnj.com/Sterling-G/ Thanks and Best wishes, Xex I have taken over a newsletter and was attempting to recreate a menu item using Dreamweaver used by the previous author in the newsletter menu that she created using constant contact and was successful of course on my computer, but when I sent out the newsletter, if one used the a href link instead of being taken to the document a name link as intended it began a search on the recipients computer. Any suggestions. Thanks Hello, I have a simple web page that contains an href link. When a user left clicks the link I would like to download a file. Testing the page local to my pc works fine, but when I uploaded in a Server, didn't worked correctly. Instead of downloading the file, it actually opens the file. What should I change? I am using a vserver in Plesk enviroment if that is of any use. Should I change something to the server? hello, i'm having a problem where i have a simple link on my web page, when i click on this link i want a window to open in the center of the screen with simple text and a close button. in a standalone environment, the following code almost does it for me: Code: <html> <head> <script> <!-- function wopen(url, name, w, h) { w += 32; h += 96; wleft = (screen.width - w) / 2; wtop = (screen.height - h) / 2; var win = window.open(url, name, 'width=' + w + ', height=' + h + ', ' + 'left=' + wleft + ', top=' + wtop + ', ' + 'location=no, menubar=no, ' + 'status=no, toolbar=no, scrollbars=no, resizable=no'); win.focus(); } // --> </script> </head> <body> <a href="page1.html" target="popup" onClick="wopen('page1.html', 'popup', 300, 200); return false;"> Open Window</a> </body> </html> My question is, how do integrate this into my webpage. In the place where I have the link, I obviously have to use the "<a href="page1.html"..." but how do I seperate the function wopen and the html page above. Because the way the above code works is that it gives me a "Open Window" link, when I click on it - the new page also has the "Open Window" link in it. any guidance will be helpful. thanks! Hi, I need some help please? I have bought/made a simple html page on internet. The problem is that when i uploaded it to my ftp server which is on www.one.com and tried it in IE it did not work as it should. It works perfectly in any other webbrowser like Safari, Mozilla, GoogleChrome, Opera. Why not IE? Is there anybody out there who can help me? Somebody please tell me what's wrong? Best regards Pete index.html HTML Code: <!DOCTYPE html> <html lang="en"> <head> <title>RUSSEUKEN.no</title> <meta charset="utf-8"> <meta name="description" content="Russeuken"> <meta name="keywords" content="russ, russefeiring, bergen, uken, russeuken, norge, 17. mai, fest "> <meta name="author" content="Russeuken"> <[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><[endif]> <[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><[endif]> <[if lt IE 7]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><[endif]> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <link href="css/jbgallery-2.0.css" id="jbgallery-css" rel="stylesheet" media="javascript-screen" /> <!-- styles for prettyPhoto --> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all"> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/script.js"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script> <script type="text/javascript" src="js/Myriad_Pro_900.font.js"></script> <script type="text/javascript" src="js/Myriad_Pro_400r.font.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script src="js/jbgallery-2.0jbgallery-2.0.js" type="text/javascript"></script> <script type="text/javascript"><!-- jQuery(document).ready(function(){ jQuery(".jbgallery").jbgallery({ menu : "numbers", style: "zoom", slideshow : true, caption : false }); }); --></script> </head> <iframe id="ytplayer" type="text/html" width="0" height="0" hidden="1" src="http://www.youtube.com/embed/BpJhT4yzWyo?autoplay=1" frameborder="0"/></iframe> <body> <div class="extra"></div> <div class="extra1"> <div id="main"> <!-- header --> <header class="head"> <div class="jbgallery"> <ul> <li><a href="images/1.jpg"> </a></li> <li><a href="images/4.jpg"> </a></li> <li><a href="images/2.jpg"> </a></li> <li><a href="images/3.jpg"> </a></li> <!--<li><a href="images/5.jpg"> </a></li>--> </ul> </div> <div class="block-2"> <div class="logo"><a href="http://www.exodus.no"><img src="images/logo.png" alt=""></a></div> <nav> <ul class="sf-menu"> <li><a href="russeuken.html">RUSSEUKEN</a></li> <li><a href="arrangement.html">PROGRAM2012</a></li> <li><a href="russ.html">RUSS</a></li> <li><a href="bilder.html">BILDER</a></li> <li class="last"><a href="kontakt.html">KONTAKT OSS</a></li> </ul> </nav> </div> <div class="text-1">change bg</div> </header> </div> <!-- footer --> <footer> <div class="container"> <div class="indent"> <div class="wrapper"> <div class="fright"> <span>RUSSEUKEN.no</span> © 2012 </div> <div class="fleft"><!-- {%FOOTER_LINK} --></div> </div> </div> </div> </footer> </div> </body> </html> ie_style.css Code: .link-1,.link-2,.block-1,.block-2,.sf-menu a:hover,.sf-menu a.current,.sf-menu a,.content-box,.main-banner,.sf-menu li ul,#advanced{behavior:url(js/PIE.htc); z-index:100;} .link-1,.link-2,.block-1,.block-2,.content-box,.main-banner,.content-box,.content-box-1{behavior:url(js/PIE.htc); z-index:100; position:relative} ie7.css Code: /* IE7 specific styles */ #constuction-box {display:inline;} #intro-box {display:inline;} .tabs code { overflow:visible !important;} #contact-form { height:580px;} .block-1{behavior:url(js/PIE.htc); z-index:100; position:relative} html5.js PHP Code: // Create new HTML5 elements =================================================== // ----------------------------------------------------------------------------- // This script should load before any others. We want the new elements to be // parsed before pretty much anything happens. // Plus, IE does not behave otherwise. The cost of being progressive... // ----------------------------------------------------------------------------- document.createElement("article"); document.createElement("aside"); document.createElement("audio"); document.createElement("canvas"); document.createElement("command"); document.createElement("datalist"); document.createElement("details"); document.createElement("embed"); document.createElement("figcaption"); document.createElement("figure"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("keygen"); document.createElement("mark"); document.createElement("meter"); document.createElement("nav"); document.createElement("output"); document.createElement("progress"); document.createElement("rp"); document.createElement("rt"); document.createElement("ruby"); document.createElement("section"); document.createElement("source"); document.createElement("summary"); document.createElement("time"); document.createElement("video"); Hello, I'm not sure where else to turn with this question, so I apologize if it's not forum-related. I need to add a link to an HTML doc that would open that same page in a new "printer-friendly" pop-up window. The problem is that the address of that page would always be different because it is being generated on the fly by users doing a search through our database of keyworded photos. An example of this address would be: http://ourwebaddress/netpub/server.n...here&template= results.np&field=Keywords&op=matches&value=Dallas&value=brownstone&field2=Keywords&op2= matches&search=View+Your+Search+Results This address shows images based on my search for "Dallas" and "brownstone," and because this address would change with every new search it's useless as a permanent link. Is there an HREF link command (or perhaps something else) that would simply open the existing page in a new window, no matter what the page's current HTTP address is? Any insight with this would be very appreciated! Many Thanks! Please delete my post. Thanks! Hello, I'm new to the forums =) I'm currently having a problem with my navigation which involves images. Initally I used the traditional image map method using area maps and the usemap function but it only worked in the webpage itself, and when the webpage shows in an iframe the links are nonexistent. So I sliced my navigation to give the sliced images the url link instead. As usual, they work on their own but when the page is shown in an iframe, some of the links disappear (you can't even hover on them) only in Firefox, Chrome and Safari. But some of the links are also still intact. In IE and Opera they work perfectly fine. Below is the code for the page which contains the navigation and links aforementioned, which will be displayed in an iframe of another page: Code: <!-- ImageReady Slices (mainframe.jpg) --> <table id="Table_01" width="971" height="565" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="4"> <img src="images/mainframe_01.gif" width="200" height="531" alt=""" style="z-index:-3;"></td> <td> <a href="defence.html" target="_parent" onmouseover="window.status='STET Defence'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_02.gif" width="332" height="163" border="0" alt="" style="z-index:1;"></a></td> <td rowspan="4"> <img src="images/mainframe_03.gif" width="438" height="531" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="163" alt=""></td> </tr> <tr> <td> <a href="maritime.html" target="_parent" onmouseover="window.status='STET Maritime'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_04.gif" width="332" height="134" border="0" alt="" style="z-index:1;"></a></td> <td> <img src="images/spacer.gif" width="1" height="134" alt=""></td> </tr> <tr> <td> <a href="homelandsec.html" target="_parent" onmouseover="window.status='STET Homeland Security'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_05.gif" width="332" height="138" border="0" alt="" style="z-index:1;"></a></td> <td> <img src="images/spacer.gif" width="1" height="138" alt=""></td> </tr> <tr> <td rowspan="2"> <a href="centre.html" target="_parent" onmouseover="window.status='STET Centre'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_06.gif" width="332" height="130" border="0" alt="" style="z-index:1;"></a></td> <td> <img src="images/spacer.gif" width="1" height="96" alt=""></td> </tr> <tr> <td> <a href="https://mail.stet.com.sg/owa/auth/logon.aspx?url=https://mail.stet.com.sg/owa&reason=0" target="_parent" onmouseover="window.status='Login to Intranet'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_07.gif" width="200" height="34" border="0" alt="" style="z-index:1;"></a></td> <td> <a href="sitemap.php" target="mainframe" onmouseover="window.status='Lost?'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_08.gif" width="438" height="34" border="0" alt=""></a></td> <td> <img src="images/spacer.gif" width="1" height="34" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> <div id="pict" style="position:absolute;top:200px;left:10px;z-index:0;"> <iframe name="news" src="news.php" FRAMEBORDER=no name="frame" allowTransparency scrolling=auto style="filter:chroma (color=#FFFFFF)" width="185" height="90"></iframe> </div> There is another iframe in this page which I wonder might be causing the problem. However even when I removed it the problem remains. Any ideas how to fix it? Would really appreciate the help, thanks! at the page http://www.lubbockonline.com/RSS/index.shtml, I've added myYahoo! buttons and igoogle buttons to add our RSS feeds to yahoo and google respectively. however, I'm noticing a bit of odd behavior. In IE 6 it all works splendidly, but in Firefox 2.0.0.12, if the images are set to border: 0px; then the images are suddenly not clickable. If the border is not set, it shows a 1px black border and only the bottom border of the image seems to be clickable. |