|
JavaScript - Working With Website Content Using Javascript
I'm sorry I don't have a website to go with my question...it's on a dev server. But it's fairly simple I think.
I have a php script running server side that I'm looping through (using different numbers at the end of the php page to get new content each iteration), and I want to grab the content of the php page to display, inside a google maps infowindow ideally. The problem is, right now the infowindow displays just the link. I want the content of what the link is (which is just a few words in any case). Here's the general code where I place the page inside a variable and then try to display the contents of the page in html variable (the link I show here won't work but it gives you the idea): Code: var hazard_links = "https://ch.noaa.gov/m/googleapi/rec/extracthazards.php?lat="+lat+"&lon="+lon; var html = '<span style="font-size: 10pt; color: red;"><hr><a href="'+hazard_links+'" target = "_blank">' + hazard_links + '</a>' + '<span style="font-size: 10pt; color: red;">'; Thanks for any help, Similar TutorialsHello, I am building a shopping cart website that is using a mega javascript dropdown menu. Everything was working fine until you get to the checkout page on the website. The checkout page has this accordian / spry deal where customers can checkout on one page. You can view it he http://gem-tech.com.mytempweb.com/store/pc/onepagecheckout.asp If I take the menu code out of the header.asp file, then the checkout page works just fine. But if I put the menu code back in, then the checkout page stops working. Here is the menu code (simplified it a bit for this thread): Quote: <head> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> Quote: <body><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.hoverIntent.minified.js"></script> <script type="text/javascript"> $(document).ready(function() { function megaHoverOver(){ $(this).find(".sub").stop().fadeTo('fast', 1).show(); //Calculate width of all ul's (function($) { jQuery.fn.calcSubWidth = function() { rowWidth = 0; //Calculate row $(this).find("ul").each(function() { rowWidth += $(this).width(); }); }; })(jQuery); if ( $(this).find(".row").length > 0 ) { //If row exists... var biggestRow = 0; //Calculate each row $(this).find(".row").each(function() { $(this).calcSubWidth(); //Find biggest row if(rowWidth > biggestRow) { biggestRow = rowWidth; } }); //Set width $(this).find(".sub").css({'width' :biggestRow}); $(this).find(".row:last").css({'margin':'0'}); } else { //If row does not exist... $(this).calcSubWidth(); //Set Width $(this).find(".sub").css({'width' : rowWidth}); } } function megaHoverOut(){ $(this).find(".sub").stop().fadeTo('fast', 0, function() { $(this).hide(); }); } var config = { sensitivity: 2, // number = sensitivity threshold (must be 1 or higher) interval: 100, // number = milliseconds for onMouseOver polling interval over: megaHoverOver, // function = onMouseOver callback (REQUIRED) timeout: 500, // number = milliseconds delay before onMouseOut out: megaHoverOut // function = onMouseOut callback (REQUIRED) }; $("ul#topnav li .sub").css({'opacity':'0'}); $("ul#topnav li").hoverIntent(config); }); </script> </body> And there are two things of script on the onepagecheckout.asp page as well. Here they a Quote: <script type="text/javascript"> $(document).ready(function() { $('#chkPayment').click(); }); </script> Quote: <script type="text/javascript"> var acc1 = new Spry.Widget.Accordion("acc1", { useFixedPanelHeights: false, enableAnimation: false }); var currentPanel = 0; <% if session("idCustomer")>"0" then session("OPCstep")=2 else session("OPCstep")=0 end if %> //* Find Current Panel <% if len(Session("CurrentPanel"))=0 AND pcv_strPayPanel="" then %> <% if session("idCustomer")>"0" then %> acc1.openPanel('opcLogin'); GoToAnchor('opcLoginAnchor'); $('#LoginOptions').hide(); $('#ShippingArea').hide(); $('#BillingArea').show(); <% else %> $('#LoginOptions').show(); $('#acc1').hide(); <% end if %> <% else %> <% If pcv_strPayPanel = "1" Then %> $(document).ready(function() { $('#LoginOptions').hide(); pcf_LoadPaymentPanel(); }); <% Else %> acc1.openPanel('opcLogin'); $('#LoginOptions').hide(); $('#ShippingArea').hide(); $('#BillingArea').show(); <% End If %> <% end if %> GoToAnchor('opcLoginAnchor'); function openme(pNumber) { acc1.openPanel(pNumber); } function toggle(pNumber) { var ele = acc1.getCurrentPanel(); var panelNumber = acc1.getPanelIndex(ele); if (panelNumber == pNumber) { acc1.closePanel(pNumber); } else { acc1.openPanel(pNumber); } } function togglediv(id) { var div = document.getElementById(id); if(div.style.display == 'block') div.style.display = 'none'; else div.style.display = 'block'; } function win(fileName) { myFloater=window.open('','myWindow','scrollbars=yes,status=no,width=300,height=250') myFloater.location.href=fileName; } </script> Any help would be GREATLY appreciated, Thank you I'm searching for a crossbrowser script to zoom in/out the full website content (not text only). Who can provide me a link to that kind of script?
how can refresh my website without interrupting of main content. suppose user reading a post in my website . during that i want to refresh my ads in my website without interrupting of main content. ex: go this link. http://www.novamov.com/video/xl58zuy4sd1a9 in this page site will automatically refreshes the ads every 1 minute without interrupting of main content. how can i do that in same manner. please help me. Hi Coders, I was wondering if anyone knows how you would create a link when clicked will change the width of the content. I have a feeling this will use jQuery? E.g. A link saying 'expand' will change the width of the body to 1000px and change the link to 'contract'. When the link 'contract' is clicked it will change the width back to 800px and change the link to 'expand' Thanks in advance! Haydn. I would like to mention: I DON'T KNOW MUCH (ANYTHING) ABOUT JAVASCRIPT I am using this script to reload my minicart every 1 second but it doesn't work in IE. I don't want to use php (because the e-commerce site I am using doesn't allow php). Code: <script type="text/javascript">
function cartRefresh() {
$("#minicart").load(location.href+" #minicart>*","");
$("#sliderContent").load(location.href+" #sliderContent>*","");
}
setInterval(function() {
cartRefresh();
}, 1000);
</script>
Can anyone help me out with either a new code or make this workable with IE? thnx a bunch! I hope I have this post in the right place! Any help would be very much appreciated... I have a feature on my website that allows users to choose the website background (using alternate css sheets) and then uses an externally linked javascript file to store the background choice as a cookie so it is consistent throughout the website. This works perfectly locally (i.e. when previewing my website on my computer) but now it is uploaded to my host it doesn't appear to be working. (with the same browser) My javascript is he http://www. b r p - e n v .com/javascript/backgroundchange.js (with no spaces) The website that the javascript file is linked to is http://www. b r p - e n v .com (with no spaces) In the head I have: <script type="text/javascript" src="../javascript/backgroundchange.js"></script> ...then I have: <body onload="set_style_from_cookie()"> ...and for users to choose which background: <form> <input type="image" src="../images/white-background-thumb.jpg" onclick="switch_style('bg1');return false;" name="theme" value="White" id="bg1"> etc... </form> My problem is: The background reverts back to the default when moving to a different page. This would indicate that the background choice is not being saved in cookies. But this works locally! I have tried putting the javascript directly onto each page but I still had the same problem. I hope someone can help, I will be so grateful if I can get this to work. Many thanks indeed! Hi, I'm new to Javascript, so bear with me. I'm trying to use a script that replaces the contents of a div, based on div id's. I've gotten it to work how I want he http://www.sixnations.be/home1.html But can't get it to work here, and I'm not sure why: http://www.sixnations.be/menu.html Relevent code, Javascript: Code: function changeMenu(obj) {
if (obj == 'food') {
//alert('food');
var fd = document.getElementById('food');
fd.style.display = 'inline';
var fdi = document.getElementById('foodImages');
fdi.style.display = 'inline';
var dr = document.getElementById('drink');
dr.style.display = 'none';
var dri = document.getElementById('drinkImages');
dri.style.display = 'none';
}
else if (obj == 'drink') {
//alert('drink');
var fd = document.getElementById('food');
fd.style.display = 'none';
var fdi = document.getElementById('foodImages');
fdi.style.display = 'none';
var dr = document.getElementById('drink');
dr.style.display = 'inline';
var dri = document.getElementById('drinkImages');
dri.style.display = 'inline';
}
}
HTML (the data's tabular, hence the tables): CSS: Code: /*-- MAIN CONTENT --*/
.maincont {
width: 930px;
margin: auto;
margin-top: 10px;
overflow: auto;
}
.backcont {
position: relative;
width: 620px;
margin-right: 296px;
}
.backrightcont {
float: right;
width: 296px;
}
.backtop,
#info_En,
#info_Fr,
#info_It,
#drink,
#food,
.backrighttop {
background-image: url(../sixnations_images/backtop.png);
background-repeat: repeat-x;
background-position: bottom;
border-right: 1px solid #21201C;
border-left: 1px solid #21201C;
width: 100%;
height: 57px;
text-align: center;
}
.backbottom {
background-image: url(../sixnations_images/backbottom.png);
}
#info_En,
#info_Fr,
#info_It,
#food,
#drink {
background-image: url(../sixnations_images/contentback4.png);
background-repeat: repeat;
padding-bottom: 30px;
text-align: left;
height: auto;
}
.backright,
.backrighttop,
.backrightbottom {
width: 100%;
}
.backright {
background-image: url(../sixnations_images/backright.png);
}
.backrighttop {
background-image: url(../sixnations_images/backtop2.png);
background-position: top;
border: 0;
}
.backrightbottom {
height: 50px;
background-image: url(../sixnations_images/backrightbottom.png);
border: 0;
}
.backrighttop h1,
.backright h1 {
font-family: 'Cambria', Palatino, Georgia, serif;
font-size: 1.6em;
color: #eee;
line-height: 70px;
text-align: center;
}
.backright h1 {
width: 95%;
line-height: normal;
border-top:1px dashed #333;
padding-top: 15px;
}
#noborder {
border:0;
}
.twitter {
margin-left: 15px;
}
#info_Fr,
#info_It,
#drink
{
display: none;
}
.lang,
#info_En p,
#info_En h1,
#info_Fr p,
#info_Fr h1,
#info_It p,
#info_It h1,
#food h1,
#food p,
#drink h1,
#drink p {
width: 71%;
margin: auto;
}
#info_En h1,
#info_Fr h1,
#info_It h1,
#food h1,
#drink h1 {
font-family: 'GothamBook','Cambria', Georgia, serif;
font-size: 2.5em;
color: #000;
padding-bottom: 10px;
padding-top: 20px;
margin-bottom: 15px;
font-variant: small-caps;
letter-spacing:.1em;
text-align: center;
border-bottom: 1px dashed #777;
}
.lang {
margin-top: 35px;
padding-top: 5px;
border-top: 1px dashed #777;
font-size: 1em;
font-variant: small-caps;
text-align: right;
color: #777;
}
.lang a:hover {
background-color: #777;
color: #eee;
}
/*-- MAIN CONTENT -- SPORTS ON TV / FOOD & DRINK --*/
table.sports,
table.menu1 {
width: 90%;
margin: auto;
}
table.sports thead td,
table.menu1 thead td {
font-size: 1.3em;
font-variant: small-caps;
color: #777;
border-bottom: 1px dotted #999;
width: 100%;
padding-top: 20px;
}
table.sports tr,
table.menu1 tr {
border-bottom: 1px dotted #999;
}
table.menu1 tr {
border: 0;
}
table.sports td {
padding: 7px;
}
table.menu1 td {
border:0;
padding: 8px;
}
table.sports td.foot,
table.sports td.rugby {
background-image: url(../sixnations_images/ball1.png);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 35px;
}
table.sports td.foot {
background-image: url(../sixnations_images/ball2.png);
}
table.menu1 td.desc {
color: #888;
font-style: italic;
padding-top: 0px;
font-size: .9em;
}
Any ideas? hereis the html file and javascripton click of this button a html ***************************** <table class=matcolor id=topnav cellspacing=0 cellpadding=0 width=550 border=0 bgcolor="#FFCCCC"> <tbody> <tr align=middle> <td id=menu1 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Desk Top Publishing </font></div> </td> <td width=1 bgcolor=#ff9900 class="mat"></td> <td id=menu2 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Transcription</font></div> </td> <td width=1 bgcolor=#ff9900 class="mat"></td> <td id=menu3 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Accounts Processing </font></div> </td> </tr> </tbody> </table> ***************************************** <script language=JavaScript> ix = document.getElementById('tblmenu1').getBoundingClientRect(); new ypSlideOutMenu("menu1", "right",ix.left + ix.right ,ix.bottom + 10); </script> **any thing i have to alter to work in firefox please help Hi guys, I want to add a big pic to my website for background, and the pic can change size with the displayer size. Can JavaScript do it? This is my website code. How can i make it? Thanks you! 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" dir="ltr" lang="en">
<head>
<title>Buy Cheap Jordans|Air Jordans Retro|Air force ones|Nike Dunks|gucci bags,bags wholesale</title>
<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="nike air jordan shoes, zoom kobe shoes, nike dunk sb shoes, brand handbag" />
<meta name="description" content="Buy Cheap wholsale nike air jordan shoes, nike kobe shoes, dunk sb shoes, lv handbag, gucci shirts,online shop" />
<meta http-equiv="imagetoolbar" content="no" />
<base href="http://example.com/" />
<link rel="stylesheet" type="text/css" href="http://example.com/includes/templates/nike/css/stylesheet.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="http://example.com/includes/templates/nike/css/stylesheet_ie6.css" /><![endif]-->
<script type="text/javascript" src="includes/templates/template_default/jscript/jscript_imagehover.js"></script>
<script type="text/javascript" src="includes/templates/template_default/jscript/jscript_index.js"></script>
</head>
<body id="indexHomeBody">
<div id="mainWrapper">
<script type="text/javascript">
function help_display_block(id){
if(document.getElementById(id).style.display=='block'){
document.getElementById(id).style.display='none';
}else{
document.getElementById(id).style.display='block';
}
}
function help_display_none(id){
document.getElementById(id).style.display='none';
}
</script>
<div style="position:relative;">
<div onclick="help_display_block('help_d')" style="position: absolute; width:236px; height:35px;left:744px;top:70px;+top:66px;_top:68px "><img src="images/livetop.gif"/></div>
<div id="help_d" style="position: absolute; width:236px; height:174px;left:744px;top:103px; +top:102px;background:url(images/livechatbg.gif) no-repeat left top; padding:10px; display:none;"><br />
<div style=" padding-left:10px;" > <A href="msnim:chat?contact=cheapshoesbag@aol.com" target=blank><img src="images/chat.gif" width="194" height="61" /></A><br />
<br />
<div style="padding-bottom:5px; font-weight:bolder"> E_mail:</div>
<a href="mailto:cheapshoesbag@aol.com">cheapshoesbag@aol.com</a>
<div style="padding-bottom:5px; font-weight:bolder"> MSN:</div>
cheapshoesbag@hotmail.com</div>
<div class="live_close" style="float:right; padding-right:20px" onclick="help_display_none('help_d')" ><img src="images/close.gif"/></div>
</div>
</div>
<div id='key_wholesale'>
Welcome! <a href="http://example.com/index.php?main_page=login">Log In</a> or <a href="http://example.com/index.php?main_page=create_account">Register</a>
<!-- AddThis Button BEGIN -->
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</div>
<!--bof-header logo and navigation display-->
<div class="wrap"> <a href="http://example.com/" id="hohologo" title="Welcome to our site!"> </a>
<div>
<h1 id="top_ueserinfo">nike air jordan shoes, zoom kobe shoes!</h1>
<div id="toptab">
<ul>
<li><a href="http://example.com/index.php?main_page=account" id="myAccount" class="hide" rel=nofollow><span>My Account</span></a>
<!--[if lte IE 6]>
<a href="#" id="myAccount"><span>My Account</span>
<table><tr><td>
<![endif]-->
I am one problem. When i click a link a some information in html is to be displayed on the screen. I have written code for that. But before i click the link i am able to display the content. Please look into my code and give some suggestions: <html> <head> </head> <body> <center> <table> <tr> <td> <a href="javascript:Chg1()">Add Required (Features)</a> </td> <td> <a href="javascript:chg2()">Add via Search</a> </td> <td> <a href="javascript:Chg3()">Add via List</a> </td> </tr> </table> </center> function chg2() { document.write(<b> Type Model Feature Relationship Search and Add </b>);s <table> <tr> <td> Type<input type="text" id="type" name="type" value=""> </td> <td> Document Number<input type="text" id="doc" name="doc" value=""> </td> </tr> <tr> <td> Model<input type="text" id="model" name="model" value=""> </td> <td> Promoted<input type="text" id="promoted" name="promoted" value=""> </td> </tr> <tr> <td> Feature<input type="text" id="feature" name="feature" value=""> </td> </tr> </table> } </script> </body> Hello, I am developing a website using HTML, CSS and JavaScript. Actually, I used Javascript a lot in that website and I am developing it in Internet Explorer Environment but I want to display it on the Firefox or Google Chrome but the problem is some of javascript codes do not work in these browsers. So what Should I do? I think I need to define the javascript for the different browsers, so how can I do that? Hey all, I need help creating a Javascript loop which posts a single static comment to all videos on a website(unless another language would prove to be a better alternative?) I'm not sure where to start and although I have an idea, my lack of programming skills have left me to turn to forums...any help would be greatly appreciated. *not asking for coding necessarily. Links to relative information pertaining to such a program/"loop", and any comments helping me understand what I'm trying to do would be great...I'm just not sure what to search for lol. Im still learning, just need helping starting a project. Thanks. Hello all, My website has a search field at the index page. I want to test this search field for vulnerabilities by entering Javascript. When i enter <script>alert("test");</script> in the search field there comes a pop-up which says: "best" instead of "test". When I enter <script>alert("test123");</script> the pop-up says: "test" instead of "test123" The page source displays the following after I enter <script>alert("test");</script> in the search field. As you can see it changes my "test" input to "best" for some kind of reason. <a href="/searchresults.jsp?searchpage=1&freetext=%3Cscript%3Ealert%28%22best%22%29%3B%3C%2Fscript%3E& pagepart=objectname;description;shorturl&expressionset=&nodelocation=0000000000010000&ds mshowinsearch=true&dateformat=dd-MM-yyyy&creationdatestart=&creationdateend=&modificationdatestart=&modificationdateend= &publicationdatestart=&publicationdateend=&searchbase=0&searchrange=10&expans ion =" class="blauw bold italic"><script>alert(" best ");</script></a> <a href="/searchresults.jsp?searchpage=2&freetext=%3Cscript%3Evoert%28%22test%22%29%3B%3C%2Fscript%3E& pagepart=objectname;description;shorturl&expressionset=&nodelocation=0000000000010000&ds mshowinsearch=true&dateformat=dd-MM-yyyy&creationdatestart=&creationdateend=&modificationdatestart=&modificationdateend= &publicationdatestart=&publicationdateend=&searchbase=0&searchrange=10&expans ion =" class="blauw bold italic"><script>voert(" test ");</script></a> <a href="/searchresults.jsp?searchpage=3&freetext=%3Cscriptie%3Ealert%28%22test%22%29%3B%3C%2Fscriptie%3E& amp;pagepart=objectname;description;shorturl&expressionset=&nodelocation=0000000000010000&am p;dsmshowinsearch=true&dateformat=dd-MM-yyyy&creationdatestart=&creationdateend=&modificationdatestart=&modificationdateend= &publicationdatestart=&publicationdateend=&searchbase=0&searchrange=10&expans ion =" class="blauw bold italic"><scriptie>alert(" test ");</scriptie></a> </p> <p class="sorteer-aantal">Deze zoekvraag levert geen resultaten op</p> So in some way my website changes my input, but what is happening? and is it possible that somebody can abuse this searchfield? Thanks in advance for your reply, Hanna (a newbie with Javascript) Quote: Originally Posted by bullant I'm glad you have finally come round to my and other peoples' way of thinking because in the past when I have suggested users do something server side to avoid a plan B for javascript disabled browsers you reply saying javascript is disabled in only a tiny minority of browsers and that your position is that javascript is a "must have" for web functionality nowadays (or words to that effect). In fact I quite often agree with you - although not necessarly without qualification. Your expertise as a coder is plain to see. But you often see fit to express yourself in a disagreeable, quarrelsome, snide, supercilious, self-satisfied and generally unpleasant manner, so your comments do not generate the respect they might otherwise deserve. You seem to delight in going out of your way to create friction and antagonism. As I have said before, you are not liked, so you are not respected, and as you are not respected your postings and opinions are not seen as valuable. The reason why it might well be better to do something server-side is not, in my opinion, anything to do with Javascript-disabled browsers. It is simply which method is most efficient and secure. In this situation you are right to say that server-side is to be preferred. But Javascript is much more than "bells and whistles" and these days is completely essential, not optional, for web functionality. As VIP Stephan has pointed out, the OP said "I didn't write this script and I'm not a JavaScript expert, so I don't know how to edit it properly. I want to change it's function from sorting to filtering, i.e. something along the lines of a slice function. " So there is no point in whickering on about your preference for server-side scripting. You might as well suggest that the OP writes it in Klingon. Hey there, so this is my first time using this website. I was wondering if anyone can help me resolve this problem. It is for my Website Development Class and I am going use this forum to help me understand the languages haha. But Anyways. My homework assignment I have to do is: Create a Web page named gpa.html that can be used to compute your grade point average given grades and hours for courses completed. The page should repeatedly prompt the user for course information, reading the course name, grade received, and credit hours for a particular course in a single dialog box. While the user is done inputting the information, it should display on the website like this: COURSE GRADE HOURS THL100 B+ 3 PHL107 A 3 ENG120 C+ 3 MTH245 A 4 CSC221 A 3 Total grade points = 58 Number of hours = 16 GPA = 3.625 So my problem is that when I tried to display it outside the while loop it only displays "NaN". Please Help and Thanks! Here is my code: <!DOCTYPE html> <html> <!-- gpa.html--> <head> </head> <body> <script type= "text/javascript"> document.write("Course - Grade - Credit Hours"); document.write("<br>"); var third; var total = 0; var total2 = 0; var total4 = 0; var t_hrs = 0; var user; while (user != "") { user = prompt("Hello User. Enter course name, grade, & credit hours (i.e CS3240 B+ 3), or click OK with no data to terminate."); var uInput = user.split(" "); document.write(uInput); document.write("<br>"); third = uInput[2]; t_hrs = parseInt(t_hrs) + parseInt(uInput[2]); if (uInput[1] == "A"){ letter2point = 4.0; } else if (uInput[1] == "B+"){ letter2point = 3.5; } else if (uInput[1] == "B"){ letter2point = 3.0;} else if (uInput[1] == "C+"){ letter2point = 2.5; } else if (uInput[1] == "C"){ letter2point = 2.0; } else if (uInput[1] == "D"){ letter2point = 1.0; } else if (uInput[1] == "F"){ letter2point = 0.0; } total = letter2point * third; total2 = total2 + total; total4 = total2 / t_hrs; } document.write(total4) </script> </body> </html> Reply With Quote 01-29-2015, 02:47 AM #2 felgall View Profile View Forum Posts Visit Homepage Master Coder Join Date Sep 2005 Location Sydney, Australia Posts 6,745 Thanks 0 Thanked 666 Times in 655 Posts If that antiquated JavaScript is what your course is teaching then I feel sorry for you. Just about every statement that you have there is listed on one of the "Bad Bits" pages of my Introducing JavaScript web site where it gives the reasons for not using those 20 year old code constructs in modern web browsers (which means IE5 and any browser more recent than that). A couple of suggestions to get you started. 1. The second document.write is not complete so everything from there onward is broken. 2. To convert to a number use Number((t_hrs) or (+t_hrs). If you must use parseint then always include the second parameter to specify the number base you are converting from parseInt(t_hrs, 10) - with regard to t_hrs it is a number to start with so doesn't even need this conversion. 3. Use === and !== instead of == and != as the two character versions don't always give the expected result where the three character versions always do. Hi all - I'm designing a website, and I need to have a search button allow users to search the inventory that is on the website. I'm not quite sure what code I'm going to use for the search button, but I imagine that I can work on that sometime.. Along with the code, am I required to have something such as a MySQL database set-up or something of the sort? This question may be mis-categorized, so please let me know if it is. Thanks everyone! I am having a time trying to figure out why my code erases all of my content, and only renders the document.write code. I want to use this inside my html and php so customers will be informed of minimum purchases for free delivery. Any help is appreciated. Code: <html>
<title>Title Page</title>
<head>
<script type="text/javascript">
function getCookie(zip)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==zip)
{
return unescape(y);
}
}
}
function setCookie(zip,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var zip_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=zip + "=" + zip_value;
}
<!-- Function to Change Zip-Code, or empty cookie !-->
</script>
</head>
<style>
.container{
position: relative;
width: 1000px;
margin: 0 auto;
}
.left{
width: 200px;
background: #EEEEEE;
position: absolute;
top: 0px;
height: 50px;
}
.middle{
width: 600px;
background: #CCCCCC;
margin-left: auto;
margin-right: auto;
height: 300px;
}
.right{
width: 200px;
background: #FCFCEC;
position: absolute;
top: 50px;
height: 250px;
}
</style>
<body onload="checkCookie()">
<div class="container">
<div class="middle">Hello Main Content Area<br>
This is the main area, all the bull is going on here.
</div>
<div class="left">Hello Lefty</div>
<div class="right">This is where I want the document.write output to be...
<script>
function checkCookie()
{
var zipcode=getCookie("zipcode");
if (zipcode!=null && zipcode!="")
{
document.write("Zip-Code: " + zipcode);
if (zipcode==33820)
document.write("<br> Minimum purchase for delivery is: <br>$300.00");
else if (zipcode==33920)
document.write("<br> Minimum purchase for delivery is: <br>$235.00");
else if (zipcode==34216)
document.write("<br> Minimum purchase for delivery is: <br>$150.00");
else if (zipcode==33572)
document.write("<br> Minimum purchase for delivery is: <br>$150.00");
else if (zipcode==32712)
document.write("<br> Minimum purchase for delivery is: <br>$300.00");
else if (zipcode==34679)
document.write("<br> Minimum purchase for delivery is: <br>$150.00");
else if (zipcode==33823)
document.write("<br> Minimum purchase for delivery is: $300.00");
else if (zipcode==33827)
document.write("<br> Delivery by Common Carrier");
else
document.write("<br> Please call Melco at: 1-800-950-3722");
}
else
{
zipcode=prompt("Please enter your Zip-Code:","");window.location.reload();
if (zipcode!=null && zipcode!="")
{
setCookie("zipcode",zipcode,365);
}
}
}
function deletecook()
{
var d = new Date();
document.cookie = "v0=1;expires=" + d.toGMTString() + ";" + ";";
}
</script>
<a href="javascript:deletecook();">Change Location</a>
</div></div>
</body>
</html>
Hi, I am creating a webpage to display menu items in a div tag. The premis of my page is to use 4 div tags. 1st div tag = company logo (top left) 2nd div tag = img of restaurant and address (top right). 3rd div tag = horizontal menu with text or buttons to call up menu items, for example: Lunch: Dinner: Beverages: Driving Directions, etc 4th div to display content pages. For example, if the user clicks the Lunch button, it would call the lunch page and place it into the 4th div tag. I am able to do this with frames in HTML or content pages in ASP.net, but how would I do it using CSS and div tags. The best response I got was with AJAX, but I am not familiar with this language yet. Can I use JavaScript to do this? Any suggestions? Thank you, Paul I have a div that changes background on click. Example: <script type="text/javascript"> function changeBackground(strURL) { document.getElementById('about').style.backgroundImage="url("+strURL+")"; } </script> <body> <div id="about"> <a href="#about" onClick="changeBackground('mainbackground.jpg');">text</a> <a href="#about" onClick="changeBackground('background2.jpg');">text</a> </div> This part works just fine so no issues. However, I have content on the mainbackground.jpg that is getting transferred over to the other backgrounds as well. I would like each background to have its own paragraph content. I do not want to embed the info into the images for SEO reasons. Any ideas on how to do this? Thanks! Hi, Im new to javascript. I want to add a similar function on my blog like on http://techcrunch.com/2011/08/04/gro...tartup-obtiva/ when you press on author. It is a drop down made with javascript. Anybody can help with a similar javascript as I was trying different implementations for the whole night with no luck. Maybe, anybody know a similar javascript online which I could modify? Thanks in advance! |
|||||||