HTML - Function Is Not Working?
Hi
I have loging screen it invokes a html output via php coding. < Code: script type="text/javascript" src="tablesel.js"></script> </head> <body> <menu><ul ondbclick = "process()">BILLITEM</ul> <ul ondbclick = "process()">BILLMAIN</ul> <ul ondbclick = "process()">BILLOFMATL</ul> <ul ondbclick = "process()">BUYER</ul> <ul ondbclick = "process()">CHASSISMASTER</ul> <ul ondbclick = "process()">CODEMAST</ul> <ul ondbclick = "process()">CONTRACTMAST</ul> <ul ondbclick = "process()">CONTRACTOR_CANTEEN</ul> <ul ondbclick = "process()">CONVMASTER</ul> <ul ondbclick = "process()">COSTCENTRE</ul> <ul ondbclick = "process()">COST_PRODUCTMAST</ul> <ul ondbclick = "process()">COST_SPEC</ul> <ul ondbclick = "process()">CUSTMAST</ul> <ul ondbclick = "process()">DEPTMAST</ul> <ul ondbclick = "process()">EMPLMAST</ul> but ondbclick is not working on this element. first i dont know whether this event will work or not in that element so please help me. kanish Similar TutorialsI had to fix this post so it is reposted at the bottom.. I am learning as I go, please read this part then skip to my last post.... I had to put the code in a box so that it can be viewed easier I have to divide this post into three sections because it is too large for the limit Part 1. I dont know how to program in HTML, but I figured if I posted the HTML here maybe someone could tell me how to fix my problem The template I use can be found at this location: http://4.bp.blogspot.com/_Z8mwJp4iSO...r_template.JPG You see the date in the upper right hand corner of each new post.... its not working on my personal blog... Can anyone find something in the following code that I could change to fix this problem? THANK YOU! Hello, I am attempting to make it so when a user selects an option from a drop down menu, the option will also appear in a nearby input box I've named "readout" below. I've gotten it to at least display a javascript alert with the user-selected value, theoretically ruling out the HTML as the problem. I've bolded the part below where I expect the value to change, however, it remains at the starting value of 1. Any suggestions? //-----------------------------------------------> <script> var FKeyPad = document.Keypad; var flag = true; function resetIndex(selObj) { if(flag) selObj.selectedIndex = -1; flag = true; } function doSomething(selObj) { alert(selObj.value); FKeyPad.ReadOut.value = "selObj"; flag = false; } </script> <FORM name="Keypad" action=""> <select onchange="doSomething(this)" onclick="resetIndex(this)"> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> <input name="ReadOut" value="1" type="Text" size=1 width=20% maxlength="2" readonly="readonly" class="box"> </FORM> //-----------------------------------------------> hi friends, I have problem with tag <div>,i don't know how to use this tag. can u tell me how to use this tag and give me some examples. thanks before Regards Hendra Hi all, Currently i'm setting up a website for my company, and the website require a function whereby need to do a monthly donation using credit card. This is the part where u don't know what to do. Do I need any software or juz pure coding will do ah? Any kind soul willing to help me out? Thanks I am building a prototype for a retailer, with show-hide layers and swap and restore images. I have 3 DIVs with different images in each (first is for color swatches, second is for size range and third one is for size). When I mouseover and mouseout I have it set up to show and hide layers. When I click an image it will swap to show what is not available for it (size, color or size range). I have 3 states for the images (active, onclick and out of stock). Right now when I click say in a color (it shows that is selected and it is showing what is not available for that color) then when I click on size range the color I clicked before it will restore to the not selected option. And then when I click on the size the size range image will restore to it's original state. What I need to do is set it up in a way that when I click a color then a size range and then a size all 3 images will show the onclick state and will show what is not available for that particular image. You can go to http://www.oldnavy.com/browse/produc...scid=598256012 and see how when you click in each section (color, waist and legth) will restore, but if you click a color then a waist and then a length everything will be selected. I know this is done in javascript and probably is calling a database, and what I have is with images and in another process but hopefully I can get it done. Hopefully someone can help me with this, here is part of the head code: HTML Code: function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } Here is part of the body code: HTML Code: <div class="spaceafter"><b>select color:</b> <div id="apDiv2">black</div> <div id="colorcardiganblack">black</div> <div id="colorcardigangray">medium heather gray</div> <br /> <a href="#Here"><img src="images/swatch_cardiganblackON.gif" name="cardblackon" class="swatches" id="cardblackon" onclick="MM_swapImage('blackcardigan','','images/B2_cardiganblack.jpg','cardblack','','images/swatch_cardiganblackON.gif','plus','','images/X6_sizerangePlus_DA.gif','1x','','images/X6_size_1x_DA.jpg','2x','','images/X6_size_2x_DA.jpg','3x','','images/X6_size_3x_DA.jpg',1);MM_setTextOfLayer('apDiv2','','black')" onmouseover="MM_showHideLayers('layplusDA','','show','lay1xDA','','show','lay2xDA','','show','lay3xDA','','show','SOLblkcardigan','','show')" onmouseout="MM_showHideLayers('layplusDA','','hide','lay1xDA','','hide','lay2xDA','','hide','lay3xDA','','hide','SOLblkcardigan','','hide')"/></a></a><a href="#Here"><img src="images/swatch_cardigangrey.gif" name="cardgrey" class="swatches" id="cardgrey" onclick="MM_swapImage('blackcardigan','','images/B2_cardigangray.jpg','cardblackon','','images/swatch_cardiganblack.jpg','cardgrey','','images/swatch_cardigangreyON.gif','lg','','images/X6_size_large_DA.jpg','2x','','images/X6_size_2x_DA.jpg',1);MM_setTextOfLayer('apDiv2','','medium heather gray')" onmouseover="MM_showHideLayers('lay2xDA','','show','laylgDA','','show','layB2cardgray','','show','cardblack','','show','SOLgrycardigan','','show')" onmouseout="MM_showHideLayers('lay2xDA','','hide','laylgDA','','hide','layB2cardgray','','hide','SOLgrycardigan','','hide')"/></a></div> <div class="spaceafter"><b>select size range:</b> <div id="apDiv3">none</div> <div id="apDiv3m">misses</div> <div id="apDiv3pt">petites</div> <div id="apDiv3pl">plus</div> <br /> <a href="#Here"><img src="images/X6_sizerangeMisses_EAgif.gif" name="misses" border="0" usemap="#missesMap" class="options" id="misses" onclick="MM_swapImage('misses','','images/X6_sizerangeMisses_ON.gif','1x','','images/X6_size_1x_DA.jpg','2x','','images/X6_size_2x_DA.jpg','3x','','images/X6_size_3x_DA.jpg',1);MM_setTextOfLayer('apDiv3','','misses');MM_setTextOfLayer('apDiv5','','<font size="2" color="#666666"><b>original $50.00; <font color="#FF0000">now $34.99</font></b></font>')" onmouseover="MM_showHideLayers('lay1xDA','','show','lay2xDA','','show','lay3xDA','','show','apDiv3','','hide','apDiv3m','','show','apDiv3pt','','hide','apDiv3pl','','hide')" onmouseout="MM_showHideLayers('lay1xDA','','hide','lay2xDA','','hide','lay3xDA','','hide','apDiv3','','show','apDiv3m','','hide','apDiv3pt','','hide','apDiv3pl','','hide')" /></a><a href="#Here"><img src="images/X6_sizerangePetites_EA.gif" name="petites" class="options" id="petites" onclick="MM_swapImage('petites','','images/X6_sizerangePetites_ON.gif','xl','','images/X6_size_xlarge_DA.jpg','1x','','images/X6_size_1x_DA.jpg','2x','','images/X6_size_2x_DA.jpg','3x','','images/X6_size_3x_DA.jpg',1);MM_setTextOfLayer('apDiv5','','<font size="2" color="#666666"><b>original $50.00; <font color="#FF0000">now $34.99</font></b></font>');MM_setTextOfLayer('apDiv3','','petites')" onmouseover="MM_showHideLayers('lay1xDA','','show','lay2xDA','','show','lay3xDA','','show','layxlgDA','','show','apDiv3','','hide','apDiv3m','','hide','apDiv3pt','','show','apDiv3pl','','hide')" onmouseout="MM_showHideLayers('lay1xDA','','hide','lay2xDA','','hide','lay3xDA','','hide','layxlgDA','','hide','apDiv3','','show','apDiv3m','','hide','apDiv3pt','','hide','apDiv3pl','','hide')"/></a> <a href="#Here"><img src="images/X6_sizerangePlus_EA.gif" name="plus" class="options" id="plus" onclick="MM_swapImage('blackcardigan','','images/B2_cardigangray.jpg','cardblack','','images/swatch_cardiganblack_DA.gif','plus','','images/X6_sizerangePlus_ON.gif','sm','','images/X6_size_small_DA.gif','m','','images/X6_size_medium_DA.jpg','lg','','images/X6_size_large_DA.jpg','2x','','images/X6_size_2x_DA.jpg',1);MM_setTextOfLayer('apDiv5','','<font size="2" color="#666666"><b>original $54.00; <font color="#FF0000">now $39.99</font></b></font>');MM_setTextOfLayer('apDiv3','','plus')" onmouseover="MM_showHideLayers('lay2xDA','','show','laylgDA','','show','laycardblackDA','','show','laysmDA','','show','laymDA','','show','apDiv3','','hide','apDiv3m','','hide','apDiv3pt','','hide','apDiv3pl','','show')" onmouseout="MM_showHideLayers('lay2xDA','','hide','laylgDA','','hide','laycardblackDA','','hide','laysmDA','','hide','laymDA','','hide','apDiv3','','show','apDiv3m','','hide','apDiv3pt','','hide','apDiv3pl','','hide')"/></a></div> Am I asking too much? Is there anyone out there can help me with this? I only know basic javascript, this is way out of my league! Thank you MC not sure how to integrate this code, I have tried a couple of different ways but I have failed and now I am here looking for help the current code on my site is which is only for looks Code: <tr> <td width="35%" align="right"> <img border="0" src="images/search.gif" width="94" height="13" /></td> <td width="37%" valign="bottom"> <input type="text" name="search" class="inpbox" size="16" /> </td> <td width="24%" valign="bottom"> <a href="#"> <img border="0" src="images/go.gif" width="27" height="16" /></a></td> </tr> </table> </td> and i want to add to make it function is Code: <form action="/cgi-sys/entropysearch.cgi" target=searchwindow> Search Query <input type="text" name="query" value=""> <input type="hidden" name="user" value="dm1817"> <input type="hidden" name="basehref" value="http://disneymagic.ca"> <input type="hidden" name="template" value="default"> <input type="submit" value="Search"> </form> Hi everybody. Can someone come up with code that will give me the same back function that Internet Explorer has at the top of their page ? Thanks Launchnet Hey. I'm not much of a coder really, but I got a slight idea of how it works. I got this script from a friend of mine, as a solution for opening two targets at once by clicking on just one link on the page. I'm using tables and a couple of iframes, with both their two different name-tags in it. My problem is that whatever the target seems to be, it allways opens in two blank windows. My impression so far, is that the script in the head might seem to do a little bit too much regarding the hrefs itselves. Seems like it overruns the targets specified in those two lines. So, if anyone understands the contents of the script (which I don't) I'd be very pleased for any possible solution on this one. I've "pasted" some of the code (the part that matters) he <html> <head> <script type="text/javascript"> function openOtherLinks(id1, id2) { var link1 = document.getElementById(id1); var link2 = document.getElementById(id2); if(!link1.href || !link2.href) return; window.open(link2.href); document.location.replace(link1.href); } </script> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <a href="java script: openOtherLinks('tannoy1', 'tannoy2')">Tannoy</a> <a id="tannoy1" href="tannoy_overview.html" target="main"></a> <a id="tannoy2" href="tannoy_left.html" target="left"></a> <table> <tr> <td><iframe src="blank.html" width="152" height="455" align="center" frameborder="0" name="left" scrolling="auto"></iframe> </td> </tr> <tr> <td><iframe src="news.html" width="677" height="478" align="center" frameborder="0" name="main" scrolling="auto"></iframe> </td> </tr> </table> </body> </html> ... This wasn't exactly pasted directly from the file, so the table positions and sizes aren't real. The things that matters I believe, is the iframe tags and the href and the script in the header. And believe me, I've trid different things regarding positioning, tried to move the lines before and after each other etc. Even tried to put the IDed hrefs in after the </body>, and so on. Both before and after the iframe-tags as well. Won't make any difference. Hello all (this is my first post). I have recently completed an online portfolio for myself which contains a contact form using form validation in Javascript. Testing (and showing off the site) at work the form didn't run the Javascript on the computer there (in IE 'whatever the new one is'). I was wondering if someone could help with the noscript function so, if Javascript is disabled, then the submit button on my form was replaced with some text along the lines off 'Javascript disabled, enable it to use this form'. Here's my code for the form: HTML Code: <form name="contact_form" method="post" action="mail.php" onsubmit="return validate_form();"> <p>Full Name <em>(required)</em>:<br /> <input class="tb-focus" type="text" name="name" id="name" size="40" value="" /></p> <p>Email Address <em>(required)</em>:<br /> <input class="tb-focus" type="text" name="email" id="email" size="40" value="" /></p> <p>Business Name <em>(if applicable)</em>:<br /> <input class="tb-focus" type="text" name="business" id="business" size="40" value="" /></p> <p>Contact Number <em>(required)</em>:<br /> <input class="tb-focus" type="text" name="number" id="number" size="40" value="" /></p> <p>Message <em>(required)</em>:<br /> <textarea class="tb-focus" name="message" id="message" rows="6" cols="40"></textarea></p> <p><input class="button" type="submit" value="Submit Form" /></p> </form> Sorry for reposting this; I accidentally put it in the wrong section. Hi all, this is my first post on this forum, and I hope you'll excuse my ignorance for the time being. I am by no means an expert of HTML, but my friend and I are attempting to get a few sites up and running, and we need some help. I can imagine this question has been asked dozens of times, but I'm hoping you can help. What we want for our site is a search function, where the user can input any word or series of words, and, our site being filled with links, get a list of links that have ever been on the site. We want to make sure the links pop up in the same template as our home page, as well. I understand I may need to use some PHP or JavaScript code to get this done, but I was wondering if there was an easy way to do this, for a web designing ignoramus. Also, we want to have subscribers, and have registered log-ins. Something where people can put in their user name, and then be able to leave comments. Please let me know what I can do. Thanks in advance! I need a button that when i click it, it will change the text of a textbox, like when i click the button it will change the text in the textbox to "hi" (i need several button's, and each button will change the text to somethign different) It would be better if the script was in html because the site i use doesnt support many javascript or css tags, but it will support any html tags. Please help! i have installed IIS 5.1 in my XP machine but when i type http://localhost it shows a blank page. Hey all I have just joined these forums as I am learning HTML and CSS. However the book that I am following does not appear to be working. I have created a custom class in css called "Stewart" and a test page to test it however it does not appear as I have defined. Below is the code for the CSS page Quote: <!-- A CSS style sheet --> body { font-size: 10pt; font-family: Arial; color: black; line-height: 14pt; padding-left: 5pt; padding-right: 5pt; padding-top: 5pt; } h1 { <!-- ALso possible to define different classes see SAM's teach yourself HTML and CSS p59 --> background-color: pink; font-size: 14pt; font-family: Arial; font-weight: 20pt; color: red; } h2 { font-size: 12pt; font-family: Arial; font-weight: 20pt; color: red; } h3.silly {font: 36pt Comic Sans; } h3.serious {font: 8pt Arial; } p.subheader { font-weight: bold; color: green; } <!-- Custom Class, use the div heading to create a custom class --> DIV.stewart {font-size: 30pt; color: red; font-style: italic; } And here is the code for the test page Quote: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--The above is a link to the css file in this directory --> <title>CSS Test sheet</title> </head> <body> <h1> This is a test sheet for my css, it might possibly look different every time. </h1> <h3 class="silly"> Silly</h3> <p> The above text is silly class of heading 3</p> <h3 class="serious">serious</h3> <p> The above text is serious class of heading 3 </P> <p> <div class="stewart">This is my own custom style</div> </p> </body> </html> Can someone please explain where I am going wrong. I am using IE on WIndows 7. Hi guys, For some reason, in IE8, on product pages (Example) of my ecommerce site, the 'Size Chart' and 'Email to a Friend' popups don't work, and the product image lightbox won't work either. I have turned pop-up blocker off but they still don't work. These popups work in every other browser I have tested in, including IE7. It seems to only be IE8 that is having this problem. Upon looking at the page source, one thing I have noticed that both the 'Size Chart' and 'Email to a Friend' buttons have in common, is that the popups seem (I'm far from an expert) to be 'triggered' by a span element (class="more") within the HTML. For example: Code: <div class="row "> <label >Size: </label> <strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option value="">Select Size</option><option value="S">S</option><option value="M">M</option><option value="L">L</option><option value="XL">XL</option><option value="XXL">XXL</option></select></strong> <span style="text-decoration: underline;" class="size_chart more" title="size_chart1">+ Size Chart</span> <div style="display: none;" class="size_chart1 hide" > <div class="close"></div> <img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/size_chart.jpg" alt="" /> </div> <!-- size chart --> </div> Code: <ul class="fav_link"> <li class="print"><a href="#" onclick="window.print();return false;">Print</a> </li> <li class="rss"><a href="http://feeds.feedburner.com/DisobeyClothing">RSS</a> </li> <li class="emailtofriend"><span style="text-decoration: underline;" class="more" title="tellafrnd_div">Email to a Friend</span> </li> <li class="blank"><span id="tellafrnd_success_msg_span"></span></li> <li class="blank"><div style="display: none;" id="tellfrnddiv" class="tellafrnd_div hide"> <iframe src="http://www.projectdisobey.com/disobeyclothing/?page=tellafriend_form&pid=402" style="border: medium none ; width: 547px; height: 558px;" frameborder="0" ></iframe> </div> </li> <li class="share"> <div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div> <script type="text/javascript"><!-- var a2a_config = a2a_config || {}; a2a_config.linkname="Know Your Enemy"; a2a_config.linkurl="http://www.projectdisobey.com/disobeyclothing/?p=402"; a2a_config.color_main = "f3f3e7";a2a_config.color_border = "C0C88A";a2a_config.color_link_text = "332402";a2a_config.color_link_text_hover = "332402";a2a_config.color_bg = "7f6f2"; a2a_config.num_services = 14; //--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script> </li> </ul> I have no idea what could be stopping the lightbox from working. Anybody have any suggestions as to what the problem might be (and how I can rectify it)? If you need more info, let me know... Thanks! Hi, I'm a self-taught web designer with not a lot of experience and need some help please! This website shows up perfectly in Chrome + Firefox, but it completely fails in IE. http://fparchitectural.ca/beta/ I'm guessing it's a css/div issue. Hopefully it is a simple fix. Please Help. I have a code for div and the strange thing is that it is working in empty html code but if i put it in an existing html code then it will not work! please help!!! I'm new to this forum and was not quite sure where to post this but I am having some trouble putting this code I made into my myspace and making it work. It shows up correctly on the normal browser but when I go to add it to my page it doesn't work. Any help would be appreciated. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN"> <html> <head> <style type="text/css"> #picturebox { background: #transparent; background-image:url('http://img231.imageshack.us/img231/6485/tvphotosmallergs4.jpg'); background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; width: 800px; height: 631px; } #moviebox { background: #FFFFFF; background-repeat: no-repeat; position: absolute; top: 120px; left: 168px; width: 400px; height: 300px; } </style> </head> <body> <div id="picturebox"> <div id="moviebox"> <object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=721534&server=www.vimeo.com&fullscreen=1&show_title=1&show_byline=1&show_portrait=0&color="> <param name="quality" value="best" /> <param name="allowfullscreen" value="true" /> <param name="scale" value="showAll" /> <param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=721534&server=www.vimeo.com&fullscreen=1&show_title=1&show_byline=1&show_portrait=0&color=" /></object> </div> </div> </body> </html> Thank you! I've found a website that shows my Steam status every amount of time, just like the rest of other websites. This banner or gamecard should show if i'm online, what i'm playing and other stuff that is in the gamecard. The website has an option for yourself to put your own PNG image as the card's background. I entered the link correctly of the image and after that it gave me the codes to put them wherever i want. The problem is that when i submit the code wherever i want (Forums) the image doesnt show but the code in text itself. The PNG had transparent parts so i tried on a pure black background, didnt work either. Then i noticed the code has some different values/elements from the included images that the website comes with. This is the code of my custom PNG image: Code: http://steamsigs.com/steam.php?id=ik....png&tborder=1 And this is with the default image of the website: Code: http://steamsigs.com/steam.php?id=ik...rmal&tborder=1 I also tried different text borders and options. You can try yourself doing the gamecard he www.steamsigs.com You will need a custom Steam ID url, but you can use mine: ikamikaze15 And if it could be something wrong with the image, here it is: http://i1000.photobucket.com/albums/...ndoGR15/ua.png Thanks for helping. Hi Guys, I have this link: <a href="programs/XMLPoster.exe">programs/XMLPoster.exe</a> It works when i view it in Firefox, but gives me an error when i click it in i.e? Do you know why this is happening? Ideally i want to be able to launch the .exe file and not just ask the user if they want to save it? Thanks, Chloe ~X~ |