|
HTML - Javascript Issue
Hi All,
Firstly i have looked around this site to find out where i should post this question but i cant find anywhere relevant so please move it if needs be. Right moving on, i have a javascript that validates all the fields on the page and if there in erorr they will be highlighted in red but unfortunatly it doesnt seem to be working....i javascript call is behind a button click which is below HTML Code: <a href="#" runat="server" id="BtnRaise" class="RaiseButton"
onclick="javascript:formCheck(document.getElementById('txtTitleContent').value);">
Raise</a>
My JavaScript File is in a Folder called Scripts/JScriptTaskChange.js (See attached Image) I have placed the path for this javascript in the SiteMaster Page is this correct? or should it be at the top of the Page im currently working on even though its inheriting the SiteMaster and all its content? I checked my Browser settings and JavaScript is Enabled, this is what i have in the Head section of the site master. HTML Code: <script language="javascript" type="text/javascript" src="/Scripts/JScriptTaskChange.js"></script> Can someone please help me. Thank you Similar TutorialsHey friends, I'm having a little issue with my photos on my site. I want to use the img tag that uses [img] /img] this style but can only seem to get this <img > style to work. If I use the [img] style I just get font showing up. How can I fix this? I hope this makes sense. Thank you in advance. Hey first post, been around for a while but never actually joined. Anyway, client has a site that was built recently by another crowd. Works well in IE7, IE8, Firefox, Opera etc etc but the home page doesnt in IE6. This is an issue because the sites target viewers are apparently mostly using IE6. The issue is the home page doesnt format correctly, the others are fine so I'm thinking its got to be to do with the embedded login form. I've tried to sort it but its making me Any help much appreciated! http://www.freightmanagers.co.nz/index.html im having an issue with this code im trying to get going in my css file... i put in the code below in the .css file and call the file in hte header using the link to my css file and then i use the command that should activate the script im wondering if im doing something wrong that maby i dont see, because when i put hte code directly in the header and call it it works perfectly... call :: <link rel="stylesheet" type="text/css" href="MyStyle.css" /> .css function :: .hr2 { border: 0; color: limegreen; background-color: limegreen; height: 2px; border-top:1px; border-style: solid; } Action :: <hr class=hr2> am i using the right way t o call the .css ? should i have more code in my .css to close it off properlly? Hello! I am having an issue with an unordered list resting beside an img. For some reason the bullet dots for the ul are inside the img instead of beside the text. I realise that my error is most likely something simple, but I have been staring at this darn thing for over week (it's a homework assignment) and I still cannot figure out what I have done wrong. Sadly my instructor's only advice is "Re-check your html and css files.", which was not helpful in any way as obviously I had already been doing that and still cannot find my mistake. I am not sure however if the error is with my html coding, or the css. I hope I don't get into trouble for it, but I am going to post this same question in the CSS forum, only with the code my css instead of the html. Here is my html code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Prime Properties :: Listings</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="prime.css" type="text/css" /> </head> <body> <div id="wrapper"> <h1 id="logo"><img src="primelogo.gif" alt="Prime Properties" width="680" height="86" /></h1> <div id="button"> <div id="leftcolumn"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div id="rightcolumn"> <h2>Listings</h2> <h3>Schaumburg Colonial</h3> <p>This single family home is a two-story colonial on a large lot.</p> <a href="schaumburg.jpg"> <img class="property" src="schaumburgthumb.jpg" alt="Schaumburg" align="left" /> </a> <ul> <li>Four bedrooms</li> <li>Two and 1/2 baths</li> <li>Finished family room</li> <li>Two car garage</li> <li>Listing #3432535</li> </ul> <br /> <h3>Libertyville Condo</h3> <p>New construction condo in downtown Libertyville.</p> <a href="libertyville.jpg"> <img class="property" src="libertyvillethumb.jpg" alt="Libertyville" align="left" /> </a> <ul> <li>Close to train</li> <li>Two bedrooms</li> <li>Two baths</li> <li>Two indoor parking spaces</li> <li>Listing #3432432</li> </ul> <br /> <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div id="footer">Copyright © 2011 Prime Properties<br /> <a href="mailto:Airamith@gmail.com">Mandi Adkins</a></div> </div> </div> </body> </html> And here is a link to the active site: Listings I'm sure there are other issue's in the code, I am still learning after all. My most pressing issue right now though concerns the bullets being inside the images. I would like to thank you in advance for any help you can offer, I really do appreciate it! Edit: I forgot to mention that I am required to use IE 8 or 9 for this class. Also, all of my coding validated through the W3C, both the html and the CSS. Also, I just noticed that the bullets are much closer to the text when it is viewed in Google Chrome instead of IE 9. I have recently updated a site that i am working on and everything works fine in safari and fire fox, but in IE7 the image on the left side is being droped down and causing the page as a whole to look diffrent.....please help, not sure whats going on. http://www.mdmoms.com/products/babybasics.html here is the html: HTML Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #80452E;
}
-->
</style></head>
<body>
<div align="center">
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="130">
<param name="movie" value="../../flash/header2.swf">
<param name="quality" value="high">
<embed src="../../flash/header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="130"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></td>
</tr>
<tr>
<td width="269"><img src="../../gifs/babybasics1234.gif" width="269" height="53" border="0"></td>
<td colspan="3" rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="532" height="322">
<param name="movie" value="../../flash/babybasics.swf">
<param name="quality" value="high">
<embed src="../../flash/babybasics.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="532" height="322"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></script>
</td>
</tr>
<tr>
<td rowspan="3"><img src="../../gifs/babybasics1234.jpg" width="268" height="473" border="0"></td>
</tr>
<tr>
<td width="69" bgcolor="#FFFFFF"><img src="baby009/images/spaah_r15_c2.jpg" width="69" height="56" border="0"></td>
<td width="377" bgcolor="#FFFFFF"><form name="buy" method="post" action="http://cart.novapointe.com/0635/novacart.pl">
<input name="cart_id" type="hidden" value="164">
<input name="sku" type="hidden" value="6004">
<input name="command" type="hidden" value="add">
<input name="view" type="hidden" value="cart">
<div align="center" class="style1">
<div align="left">
<input name="image" type="image" src="images/buy.jpg" width="111" height="26" border="0">
</div>
</div>
<input type=hidden name=.autodone value="http://www.mdmoms.com/product/babybasics.html">
</form></td>
<td width="87" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#FFFFFF"><img src="../../gifs/producstthree.gif" width="414" height="173" border="0" usemap="#Map"></td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="22">
<param name="movie" value="../../flash/footer2.swf">
<param name="quality" value="high">
<embed src="../../flash/footer2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="22"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></td>
</tr>
</table>
</div>
<map name="Map"><area shape="rect" coords="26,31,126,144" href="http://www.mdmoms.com/products/baby003/index.htm"><area shape="rect" coords="162,26,278,143" href="http://www.mdmoms.com/products/baby007/index.htm"><area shape="rect" coords="302,23,391,144" href="http://www.mdmoms.com/products/baby005/index.htm">
</map></body>
</html>
Thanks in advance Hello. I'm a new user. I've done a couple different sites and I'm working on completing this one. There are a couple issues. In FireFox everything appears to be how I want it. I had to do the logo in an odd way. The top part is a background to the div that the Donate button appears in. The bottom part is an actual image. I did it this way because I couldn't use spans to get part of the image on the left and then have the Donate button align to the right. The only issue with it is when the user makes the font insanely large(Using the font resizer), there gets to be a gap, but then again when the user makes the font that large everything starts to become odd. In IE, this logo is split with quite a large gap. Also in IE, the top of the site is a little banner, which also has a large gap between that and the next bit of the site. It does not currently validate, throwing issues that the document does not allow <ul> where it is. I am not too sure why it won't let me. I have the unordered list nested within a span, nested within a div in order to get the site to flow properly. Another reason it does not validate is because apparently the W3 validater doesn't like SSI. Any help here would be appreciated. http://www.lilacblind.org/testing/NewSite Hi, I'm very new to website design, just starting building my first site. My site is asbestos-claim.org.uk. I've managed to get most things with the layout working okay, but having issues with my footer-right section (About Us page links etc). In IE8, IE9, FF, Chrome, Safari and Opera the site looks fine, however in IE6 and IE7, the footer-right section appears under the centre content section, right under the "simply complete the online form on this page for a free assessment and callback. This is a completely free service." text. Sorry, not sure if this issue needs posting in the HTML or CSS forum! Thanks, Freeze. Hey guys, Im currently working on a project for university and something is bothering me with this nav bar that i have created. I guess you can class this as CSS as well as HTML but i was wondering who could help me out. As you can see with image one things are looking alright, buttons are consistent with no gaps. This is because i have the images within a div and the background colour set as the same to look consistent. With image 3 you can see what would happen if the background colour was removed. Now the problem that i have is within image 2, when you stretch the window it stretches the background colour, the thing i want to do is wrap the div around the images so the colour stays behind them and only them as well as having the buttons centred. Any help would be great thanks. I am havin an issue with some code ... I'm tryin to valign it to middle but it isnt accepting ANY code i try besides what code is already being used. heres a snippet of the table.... Code: <table cellspacing="1" cellpadding="1" border="0" style="width: 550px;">
<thead>
</thead>
<tfoot></tfoot>
<tbody>
<tr>
<td height="30" bgcolor="#cccc99" valign="middle"><strong>Date</strong></td>
<td height="30" bgcolor="#cccc99" valign="middle"><strong>Sermon Title</strong></td>
<td height="30" bgcolor="#cccc99" valign="middle"><strong>Notes</strong></td>
<td height="30" bgcolor="#cccc99" valign="middle"><strong>Podcast</strong></td>
</tr>
Thanks! Currently my site uses a frame to seperate the sidebar and content. I've recently managed to get it viewing fine with a handy piece of css in Opera, but in IE is shows part of a comment (-->). Problem is the new page is valid according to the w3 validator, and if I remove the comments then it won't be valid. Here is the entire page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Language" content="EN-GB">
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="shortcut icon" href="../favicon.bmp">
<title>Revelations of the Ancients</title>
<meta name="keywords" content="xrealms x-realms rota revelation ancient revelations ancients game online rpg orpg 2d xr">
<style type="text/css">
<!--
html,
body {margin:0; padding:0; height:100%}
#container {min-height:100%; position:relative}
#header {padding:10px}
#body {padding:10px; padding-bottom:160px}
#footer {position:absolute; bottom:0; width:100%; height:160px}
#header p,
#header h1 {margin:0; padding:10px 0 0 10px}
#footer p {margin:0; padding:10px}
-->
</style>
<!--[if lt IE 7]>-->
<style type="text/css">
#container {height:100%}
</style>
<!--<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
//
</div>
<div id="body">
</div>
<div id="footer">
<p>
<font size="2pt">This site uses:</font><br>
<a href="http://jigsaw.w3.org/css-validator/" target="_blank">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!">
</a><br>
<a href="http://validator.w3.org/check?uri=referer" target="_blank">
<img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" height="31" width="88">
</a><br>
<br>
<font size="2pt"><font color="#F62817">The content of this site is copyrighted</font></font>
</p>
</div>
</div>
</body>
</html>
I haven't yet added the content section yet. Any help would be appreciated. This seems to be an oddity these days, but I have a problem with my website in Firefox though it works just fine in IE (6 or 7). The website displays correctly, but my form fields will not allow any text to be put in them. The weird thing is I have another website that uses the same formatting for the text fields and they work fine... Code for the form that works in IE and not Firefox is as follows: <div align="right"> <form method="post" action="test/login.asp" name="LoginForm"> <input name="action" value="login" type="hidden" /> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Code for the form that works in both is as follows: <div id="layer3"> <h2>Client Login Form</h2> <form method="post" action="users/login.asp" name="Login"> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Both forms are inside <div> tags, both are on pages that use frames. Let me know if there's something I'm missing... Chris hi: this sort of fits in the php forum, but seems to fit better here. I am using php includes on a customers website. For some reason, the pictures are not aligning as they should. If i open the php file by itself, everything is aligned. When it loads in the index.php file as an include, it all goes astray... I've tried div align=left, aligns everthing to the left if i open the page by itself, but included in index.php it's all unorganized. check it out here and let me know what to do, i am in a real pickle here!!! http://www.tegbs.com Hi all I have a print issue in IE v6.x. The website is divided in different frames and I have a menu which contains a print button. This button takes out the content in the main frame and insert it into its own window so it can be printed without the other frames. This works fine in Firefox, if the page is to wide compared to the paper then Firefox automatically resizes the entire page so it fits. This on the other hand does NOT happen in IE, probably because it just does not have than functionality. So the page gets cut and does not look so good when printed. Is there anyway to solve this? This also happens if I have restricted the main div which contains everything to less then a paper size. If the DIV contains other divs besides each other, then the info at the right DIV gets cut when the page is at its end (in width). But like I said this works fine in Firefox since it automatically makes the page smaller. Is there anyway to do something like this in IE as well? Thx in advance for all help! hey there this is my first post. I was wondering how i can make a php varible fit into a large text box of the form. i have my code as this echo"<form>"; echo "<input type='text' READONLY value='$postmsg' name='$postmsg' "; echo "</form>"; yea its in php ..the ouput is that the varible is in a single line but i need it to be in a large scrolling box help plz?? thx Here is the problem Ordus Inferi Guild Forums top left banner, there is a no image display on top of my transparency. Here is the code, I know it has to be wrong...so what do I change: <a href="index.php"> <img <DIV ID="oDiv" STYLE="position:absolute; left:; height:180; width:526; filter:progid:(nospace here, but it made happy face)DXImageTransform.Microsoft.AlphaImageLoader( src='/forums/styles/StarCraft/theme/images/id_logo.png")</div></img></a> Thank you much. On firefox, the banner is not viewable at all, while on IE it is viewable...BUT it has a no image [x] layered ontop of the image. Ok here is the problem - There was this website that People used for information and reference - sometimes it would work and sometimes it was down. In fear of it being down permanently I saved it to my computer. This website was - http://hero.blogyx.com/ . And just after a week of saving it to my computer it went down. ( I think the whole website did. ) it was important for some people who played the game. ( Hero online )... i decided to Make my own fansite that had the information. I put in this chart that I imported from that website... but when ever people look at it - it comes out weird. This is what I mean - http://heroonline.synthasite.com/all-quests.php The buttons come out on the bottom, and the text is always to the top... I want the text to be below the buttons ( Like this ) This is the full code ( if anyone wants to look at it ), Most of it is on my website ... not sure if I am doing this correctly http://www.fileshost.com/en/file/625...nline-txt.html Keep in mind i'm a noob so Please help me with the simplest of words... Thanks in advance I'm in the early stages of creating a web site. I've created a banner with a logo, and some links and put it on top of each of the pages. The banner appears in the same place on all but one of the pages--on the page called "video", everything shifts over to the left a little...just a few pixels. I spent sometime looking through the HTML and the CSS for the pages, and through trial and error found the cause to be the height attribute given to a particular div on the page. I can't think of any reason why the height of the div should cause the horizontal position (not just of the div itself, but all elements on the page) to change. Any ideas? Here's the CSS for the site: Code: /***************Body, etc.*****************/
body {
background-color: #000000;
font-family: times, serif;
color: #b0b0b5;
}
#container {
margin: 0 auto;
width: 750px;
/**border: 1px solid red;**/
padding-bottom: 5px;
}
a {
text-decoration: none;
}
a:visited {
color: #b0b0b5;
}
a:hover {
color: #475890;
}
div.blank {
height: 100px;
}
div.blank2 {
height: 50px;
}
/***************Bottom Links*****************/
div.linksBot {
border: 0px;
background-color: transparent;
}
p.linksBot {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
a.linksBot {
color: #c0c0c8;
text-decoration: underline;
}
a.linksBot:hover {
color: #475890;
}
/***************Banner*****************/
.banner {
padding: 0px;
margin: 0px;
background-color: black;
/* for testing ----border: 1px solid red;-----*/
color: #b0b0b5;
font-size: 20px;
font-family: copperplate, times, serif;
}
img.pno_ban {
opacity:0.4;
filter: alpha(opacity=40);
}
/***************Home*****************/
#home {
/**border: 1px solid green;***/
font-family: copperplate, times, serif;
}
#linksTop {
color: #c0c0c8;
width: 500px;
font-size: 20px;
text-align: center;
}
#pno {}
#welccell {
background-color: #444550;
height: 374px;
width: 250px;
}
p#welcome {
margin: 18px;
color: #d0dede;
font-family: times, serif;
font-size: 14px;
}
/***************Audio/Video*****************/
#video {
/******** THIS WAS THE PROBLEM--- height: 750px;***********/
background-color: #444550;
color: black;
padding: 20px;
}
embed {
margin-right: 15px;
}
#audio {
height: 500px;
background-color: #444550;
color: black;
padding: 20px;
border: 1px solid green;
}
and the HTML for the "video" page: Code: <body>
<div id="container">
<div class="banner">
<table cellspacing="0" cellpadding="0">
<tr>
<td><img id="pno_ban" src="assets/images/banner_pno_2.jpg" width="375px" /></td>
<td>
<table width="375px" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" height="75px"><a href="index.html">THE J-SLICE</a></td>
</tr>
<tr>
<td width="93px" height="25px"><a href="bio.html"> Bio</a></td>
<td width="93px" height="25px"><a href="audio.html">Audio</a></td>
<td width="93px" height="25px"><a href="video.html">Video</a></td>
<td width="93px" height="25px"><a href="contact.html">Contact</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="blank2"></div>
<div id="video">
<embed src="assets/videos/red_color_room.mov" id="myVid" width="480" height="286" autoplay="false" align="left">
</embed><p>From "The Violence Inherent In Red" - a film by Brian McCarthy</p>
</div>
<div class="linksBot"><p class="linksBot"><a href="index.html">Home</a> | <a href="audio.html">Audio</a> |
<a href="video.html">Video</a> | <a href="contact.html">Contact</a></p>
</div>
</div>
</body>
Now the problem is, the height attribute was there for a reason: since I'm embedding videos into the div, and the <embed> tag seems to not expand the div on its own, I'm not sure how to make sure all the videos (there will be more of them added later) fit within the div background. Thoughts? Thanks. Hello all I am having yet another (i know, i know...) issue with http://fishcaves.com , if you click the logo at the top left in safari it simply redirects you to the main page (fishcaves.com). However when I click the main logo in FF for some reason it pulls uphttp://fishcaves.com/fishcaves.com which obviously doesnt exist. I am confused because the href works like it is supposed to in safar but not FF. Not sure about IE. Any advice would be excellent, thanks. Drew Hello viewers, I've setup this website: http://duffyartwork.com. You will notice the flash .mp3 at the top, which brings me to my question. How do I keep the player static and not refresh (i.e start the song over) when the user browses to different pages within the site? It's been buggin' me for days, so any help would be brilliant. the thing i'm trying to do is creating a frameset with 2 rows and 2 columns,but i don't want the first row to be divided in 2 columns. On the first row i have a single menu so i really don't need that second column.And i don't know how to get rid of it. Framesets are the best way that i can create my pages with because using tables or divs really makes further layout developing extremely annoing. |
|||||||