|
JavaScript - Javascript - How To Manipulate With Upper And Lower Case.
Hello.
I need to manipulate with a upper and lower case on STRINGS For example I have string: Code: LALA_KAKA_mama_WIWI I need to conwert it to Code: Lala_kaka_mama_wiwi with first letter upper case. Is it one simple way to do it with JS script/code? Best Regards Similar Tutorialshi everybody, i'm using JSE client-side site search engine to search in my page.. and this is the code: Code:
var cookies = document.cookie;
var p = cookies.indexOf("d=");
if (p != -1) {
var st = p + 2;
var en = cookies.indexOf(";", st);
if (en == -1) {
en = cookies.length;
}
var d = cookies.substring(st, en);
d = unescape(d);
}
var od = d;
var m = 0;
if (d.charAt(0) == '"' && d.charAt(d.length - 1) == '"') {
m = 1;
}
var r = new Array();
var co = 0;
if (m == 0) {
var woin = new Array();
var w = d.split(" ");
for (var a = 0; a < w.length; a++) {
woin[a] = 0;
if (w[a].charAt(0) == '-') {
woin[a] = 1;
}
}
for (var a = 0; a < w.length; a++) {
w[a] = w[a].replace(/^\-|^\+/gi, "");
}
a = 0;
for (var c = 0; c < s.length; c++) {
pa = 0;
nh = 0;
for (var i = 0; i < woin.length; i++) {
if (woin[i] == 0) {
nh++;
var pat = new RegExp(w[i], "i");
var rn = s[c].search(pat);
if (rn >= 0) {
pa++;
} else {
pa = 0;
}
}
if (woin[i] == 1) {
var pat = new RegExp(w[i], "i");
var rn = s[c].search(pat);
if (rn >= 0) {
pa = 0;
}
}
}
if (pa == nh) {
r[a] = s[c];
a++;
}
}
co = a;
}
if (m == 1) {
d = d.replace(/"/gi, "");
var a = 0;
var pat = new RegExp(d, "i");
for (var c = 0; c < s.length; c++) {
var rn = s[c].search(pat);
if (rn >= 0) {
r[a] = s[c];
a++;
}
}
co = a;
}
function return_query() {
document.jse_Form.d.value = od;
}
function num_jse() {
document.write(co);
}
function out_jse() {
if (co == 0) {
document.write('Your search did not match any documents.<p>Make sure all keywords are spelt correctly.<br>Try different or more general keywords.');
return;
}
for (var a = 0; a < r.length; a++) {
var os = r[a].split("^");
if (bold == 1 && m == 1) {
var br = "<b>" + d + "</b>";
os[2] = os[2].replace(pat, br);
}
if (include_num == 1) {
document.write(a + 1, '. <a href="', os[1], '">', os[0], '</a><br>', os[2], '<p>');
} else {
document.write('<a href="', os[1], '">', os[0], '</a><br>', os[2], '<p>');
}
}
}
i got it from http://www.javascriptkit.com/script/...se/index.shtml but, in turkish alphabet the uppercase of "i" is "İ" with a dot.. and the lowercase of "I" is "ı" without a dot.. when i use the code above, it doesn't find "TEFSİR" if the user type it in lowercase as "tefsir".. also doesn't find "Bayraklı" if the user type it all in uppercase as "BAYRAKLI" is there a way to make this work? Seniors Plz help me resolve a little problem i.e. i need to enter either capital or small letter the input should be accepted. The code is written below: Plz help me solve this. var Alphabet; Alphabet= prompt("Enter an Alphabet"); if(Alphabet == "a" || Alphabet == "e" || Alphabet == "i" || Alphabet == "o" || Alphabet == "u") { document.write("This is a Vowel" + " " + Alphabet); } else { document.write("This is a Consonent" + " " + Alphabet); } Thanks Hey peeps, I'm trying to use wget to access this website that uses javascript. The website is from my work. Basically I made a program that parses information from our payment page. It tells me how much I am being paid for the month. Anywho, the variables on the page are in javascript, and thats one language I'm not proficient at. I need to change the month that it gets the pay for. The default is the current month. But it can be changed to last month, and from the code I can tell that something has to be changed from "THIS_MONTH" to "LAST_MONTH", but I'm not sure how to properly do it. Posted below is the source code from the website. Please let me know how I can change that without actually having to click the button to change the scope to last month. And also, is there any way to change this in the post method, or any other method that wget uses? I only included the parts I thought could be relevant. Thanks guys! BTW, I think it pertains with g_FiltersMenuStr Code:
<title>SupportSpace - Tech Support for Computers, Printer, Security, Gadgets...</title>
<meta name = "description" content = "get immediate tech support for your PC / Computer, Printers, Outlook / Email Setup, Wireless, Networking, Anti-Virus & Security, Spyware, XP, Vista, I-Pod, MP3 Player Setup, Zune, Printer Setup, Backup Services for your Documents & Many other online live support"/>
<meta name = "keywords" content = "online live tech support PC Computer Printers Outlook Email Setup Wireless Networking AntiVirus Security Spyware XP Vista IPod MP3 Player Zune Printer Setup Backup Services hardware software help chat"/>
<meta name = "language" content = "English"/>
<link REL="SHORTCUT ICON" HREF="/support/images//icons/shortcut_icon.ico"/>
<script type="text/javascript">if(!JAWR){var JAWR = {};};;JAWR.jawr_dwr_path='/support/dwr';JAWR.dwr_scriptSessionId='CCA333F742C70F495236AA2C97D653D2';JAWR.app_context_path='/support';</script>
<link rel="stylesheet" type="text/css" media="screen" href="/support/styles/31289092/bundles/common_connection.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/support/styles/1893248551/bundles/sessionHistory.css" />
</head>
<script type="text/javascript">if(!JAWR){var JAWR = {};};;JAWR.jawr_dwr_path='/support/dwr';JAWR.dwr_scriptSessionId='BF92335E3E86FC7586F1F5BFB96E81FB';JAWR.app_context_path='/support';</script>
<script type="text/javascript" src="/support/scripts/122785183/bundles/common.js" ></script>
<body class="supportspace">
<script type="text/javascript">
var jabberConnectorSrc = "/support/extra_scripts/1.23a1.6/flashconnector/jabberConnector.swf";
if (!!(window.attachEvent && !window.opera)){
document.write('\
<OBJECT id="jabberConnector" dontRewriteMe=true codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="1" width="1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">\
<PARAM value="'+jabberConnectorSrc+'" name="Src" />\
</OBJECT>');
}
else{
document.write('<embed swliveconnect="true" name="jabberConnector" id="jabberConnector" src="'+jabberConnectorSrc+'" quality=low height="1" width="1" type="application/x-shockwave-flash"></embed>');
}
</script>
<!--[if lt IE 7]>
<style>
#dSSLogo{position:relative}
</style>
<![endif]-->
<div id="dHeader">
<div id="dHeader_1" class="center s2DarkGray">
<div id="dSSLogo" onclick="document.location = 'http://www.supportspace.com/support/'"></div>
<div class="rightLinks">
<div id="dHeaderLinks" style='display:none;' class='invisible'>
<div class="dHeaderLink"><a class="mainlevel-trans" href="javascript:void(0);" id="dSigninMenu">Sign In</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="https://www.supportspace.com/support/affiliates.s2?aiu=UserRegistration" id="headerSecondMenu">Register</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="http://corporate.supportspace.com/about_us">About Us</a></div>
<div class="dHeaderLinksSep">|</div>
<div class="dHeaderLink"><a class="mainlevel-trans" href="http://www.supportspace.com/support/faq.s2" id="menuHelp">Help</a></div>
</div>
<div id="dHeaderLinksAfterLogin" class='visible'>
<div id="dHeaderMailNotification">
<a id="nomailNotification" class="s2LightGray nounderline" href="http://www.supportspace.com/support/inbox.s2">(<span class="nbNewOfflineMessagesHeader">0</span>) <img src="/support/images/offline_messages/message_icon_grey_16x14.gif" alt="" title="" width="16" height="14" align="absmiddle" border="0"/></a>
<a id="mailNotification" style="display:none" class="s2Blue nounderline" href="http://www.supportspace.com/support/inbox.s2">(<span class="nbNewOfflineMessagesHeader">0</span>) <img src="/support/images/offline_messages/message_icon_blue_16x14.gif" alt="" title="" width="16" height="14" align="absmiddle" border="0"/></a>
</div>
<div id="dHeaderWelcome" class="dHeaderWelcome">Hello </div>
<div style="float:left;">
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td width="5">|</td>
<td>
<a id="dMySpaceMenu" class="mainlevel-trans" href="#">My Account</a>
<ul id="dMySpaceMenuContent" class="menu" style="display:none;"></ul>
</td>
<td width="5">|</td>
<td><a id="dSignOut" class="mainlevel-trans" href="http://www.supportspace.com/support/j_spring_security_logout">Sign Out</a></td>
<td width="5">|</td>
<td><a class="mainlevel-trans" href="http://corporate.supportspace.com/about_us">About Us</a></td>
<td width="5">|</td>
<td><a id="menuHelpAfter" class="mainlevel-trans" href="http://www.supportspace.com/support/faq.s2">Help</a></td>
</tr>
</table>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<div id="dHeader_2" class="center">
<div id="dHeaderMenus">
<div>
<a href="http://www.supportspace.com/support/" onclick="this.blur()" title="SupportSpace homepage" tabindex="1" id="menuHome">
<img src="/support/images/header/home_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
<div>
<a href="http://www.supportspace.com/support/expert" onclick="this.blur()" id="menuExperts" title="Search for online experts">
<img src="/support/images/header/experts_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
<div>
<a href="http://www.supportspace.com/support/services" onclick="this.blur()" id="menuPackages" title="Search for featured support services">
<img src="/support/images/header/services_btn_regular.gif" alt="" width="127" height="32"/>
</a>
</div>
</div>
<div id="dSearchBox">
<div id="dSearchBoxQuery">
<input type="text" id="searchBoxQuery" style="color:#7C7C7C" name="searchBoxQuery" value="Search" onkeypress="submitEnter(this,event,runExternalSearch)">
</div>
<div id="dSearchBoxGo">
<img id="dSearchBoxGoBtn" width="22" height="22" border="0" alt="Search"
src="/support/images/header/search_icon_regular_22x22.gif"
onmouseout="this.src='/support/images/header/search_icon_regular_22x22.gif'"
onmouseup="this.src='/support/images/header/search_icon_regular_22x22.gif'"
onmouseover="this.src='/support/images/header/search_icon_mouse_over_22x22.gif'"
onmousedown="this.src='/support/images/header/search_icon_pressed_22x22.gif'"
/>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="dTemplateBody" class="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="leftPanel" >
<div >
<div class="getHelp box">
<div class="title"><img src="/support/images/header/menu_get_help.gif" width="170" height="27" alt="Get help on products"></div>
<div class="s2Gray productList content">
<ul>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Virus_-_Spyware" title="Virus - Spyware">Virus - Spyware</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Printers" title="Printers">Printers</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/PC_Support" title="PC Support">PC Support</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Windows" title="Windows">Windows</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Security" title="Security">Security</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Backup" title="Backup">Backup</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/PC_to_PC_Transfer" title="PC to PC Transfer">PC to PC Transfer</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Wireless_Network" title="Wireless Network">Wireless Network</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Email_and_Internet" title="Email and Internet">Email and Internet</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Browsers" title="Browsers">Browsers</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/iPod_and_MP3" title="iPod and MP3">iPod and MP3</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Camera_-_Photo" title="Camera - Photo">Camera - Photo</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Mobile_Phones" title="Mobile Phones">Mobile Phones</a></li>
<li class="product ellipsis"><a class="linkOnHover" href="http://www.supportspace.com/support/category/Green_PC" title="Green PC">Green PC</a></li>
</ul>
</div>
</div>
<div class="box howdoesitwork s2Gray">
<div class="title">
<img src="/support/images/left_pannel/menu_how_it_works_170x43.gif" width="170" height="43" alt=" ">
</div>
<div class="steps">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/support/images/left_pannel/3_steps_1_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">1.Choose</span><br/>
a service or an online expert.</p>
</td>
</tr>
<tr height="5"></tr>
<tr>
<td><img src="/support/images/left_pannel/3_steps_2_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">2.Connect</span><br/>
to the expert and watch your problem being solved.</p>
</td>
</tr>
<tr height="5"></tr>
<tr>
<td><img src="/support/images/left_pannel/3_steps_3_icon_55x60.gif" width="55" height="60" alt=""/></td>
<td valign="top">
<p><span class="title bold">3.Done</span><br/>
Relax and rate your experience.</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
<td class="panelSpacer" > </td>
<td class="rightPanel" >
<div id="dBodyPage" class="bodyPage" >
<script type="text/javascript" src="/support/scripts/N1461701270/bundles/session_history.js" ></script>
<script type="text/javascript">
var gExternalParameterType = "";
var gSupportSessionId = "";
var gIsSupporter = true;
var gError = false;
var gExternalSessionFatalError = true;
var gDefaultFilterList = {};
gDefaultFilterList['SESSION_DATE'] = "";
gDefaultFilterList['SESSION_STATUS'] = "";
gDefaultFilterList['SESSION_TYPE'] = "";
gDefaultFilterList['SUPPORT_SESSION'] = "";
gDefaultFilterList["SESSION_DATE"] = "THIS_MONTH";
gDefaultFilterList["SESSION_TYPE"] = "PAID";
var gSHistoryStrings = {
error_feedback_add:"You cannot add feedback to this session.",
error_feedback_fatal:"Required session is not availible. You cannot add feedback.",
error_session_report_add:"You cannot edit the solution report for this session.",
error_session_report_fatal:"Required session is not available. You cannot edit the solution report."
}
var g_FiltersMenuStr = {
"SESSION_DATE":"Date",
"SESSION_DATE.TODAY":"Today",
"SESSION_DATE.YESTERDAY":"Yesterday",
"SESSION_DATE.THIS_WEEK":"This week",
"SESSION_DATE.LAST_WEEK":"Last week",
"SESSION_DATE.THIS_MONTH":"This Month",
"SESSION_DATE.LAST_MONTH":"Last month",
"SESSION_DATE.LAST_6_MONTH":"Last 6 months",
"SESSION_DATE.THIS_YEAR":"This year (2011)",
"SESSION_DATE.LAST_YEAR_AND_EARLIER":"Earlier than (2011)",
"SESSION_STATUS":"Status",
"SESSION_STATUS.UNRESOLVED":"Unresolved",
"SESSION_STATUS.ENDED_BEFORE_PAYMENT":"Ended before payment",
"SESSION_STATUS.FORWARDED":"Forwarded",
"SESSION_STATUS.DISPATCHED":"Dispatched",
"SESSION_STATUS.RESOLVED":"Resolved",
"SESSION_STATUS.UNCOMPLETED":"Uncompleted",
"SESSION_STATUS.IN_PROGRESS":"In progress",
"SESSION_STATUS.LEFT_OPEN":"Left Open",
"SESSION_TYPE":"Type",
"SESSION_TYPE.PAID":"Paid",
"SESSION_TYPE.FREE_COUPON":"Free (Coupon)",
"SESSION_TYPE.FREE_EXPERT":"Free (Expert)",
"SUPPORT_SESSION":"Current Support Session",
"DEFAULT_FILTER_MENU":"Back to default",
"NO_FILTERS_MENU":"Clear all filters",
"NO_FILTERS_NOTE":"No filters (All sessions)"
};
var gSessionFeedbackHistoryUrl = "/support/sessionFeedbackHistory.s2";
var gSessionHistory = "/support/sessionHistory.s2";
var gSessionHistoryUrls = {
filter_empty:"http://images.supportspace.com/support/images/common/empty.gif",
filter_X:"http://images.supportspace.com/support/images/session_history/filter_X_mark.gif",
filter_V:"http://images.supportspace.com/support/images/session_history/filter_V_select.gif",
filter_arrow_white:"http://images.supportspace.com/support/images/session_history/filter_arrow_white.gif",
filter_arrow_grey:"http://images.supportspace.com/support/images/session_history/filter_arrow_grey.gif"
}
var g_experts;
</script>
<div id="dSHistoryPage">
<div class="dSmallPreloaderContainer"><div id="dSmallPreloader" style="display:none;"><img src="http://images.supportspace.com/support/images//common/preloader_16x16.gif" alt=""></div></div>
<h1 style="float:left">Session History</h1>
<div class="clearboth"></div>
<div id="dSHistoryContent">
<div id="dListBar" class="listBar">
<div id="dFiltersMenuButton">Filtered by: <img src="/support/images/session_history/filter_arrow_down.gif" alt=""/></div>
<div id="dFiltersSelected"></div>
<div class="displayedCounter">Displaying: 38</div>
</div>
<div id="dFiltersMenuContent"><div id="dFiltersMenuDivToReplace"></div></div>
<div class="clearboth"></div>
<div id="dSHistoryResults">
<script type="text/javascript">
var gSelectedFilters = {};
gSelectedFilters['SESSION_DATE'] = "";
gSelectedFilters['SESSION_STATUS'] = "";
gSelectedFilters['SESSION_TYPE'] = "";
gSelectedFilters['SUPPORT_SESSION'] = "";
gSelectedFilters["SESSION_DATE"] = "THIS_MONTH";
gSelectedFilters["SESSION_TYPE"] = "PAID";
(function(){
var dDisplayedCounter = $("dListBar") ? $("dListBar").down(".displayedCounter") : null;
if(dDisplayedCounter){
dDisplayedCounter.update("Displaying: 38");
}
}).defer();
var gSolutionReport;
</script>
<div class="dThreads">
<div id="dSessionHistoryError" style="display:none;"></div>
<script type="text/javascript">
if (typeof(window.g_experts) == "undefined" || !window.g_experts){
window.g_experts = [];
window.gIsAnExpertIsOnline = false;
}
g_experts.push({
id:193037,
supporterDynamicDetails:{
online4Customer:{
customer:{
id:""
},
customerCookie:""
},
supporterDisplayPresenceStatusForExpectedCustoemr:"online",
supporterDisplayPresenceStatus:"online"
},
displayUserName:"",
jabberUsername:"23a9ea173c4a7923ef41c9d6afa208d36ea1900f",
photoUri:"193037_1273126504113.gif"
});
</script>
Greetings, I am new to these forums, and am wrapping up a JavaScript class for the year. I am in desperate need of help (which I usually obtain from my Instructor, but she is away from the office today) with my Tutorial 12, Case Problem 1 : New Perspectives JavaScript and AJAX 2nd Edition( by Patrick Carey). I am running xampp as my testing environment, and using Dreamweaver CS4 to write my code. I've completed the code work, however I am having issues with Step 6 code. 6) Add the retrieveOrders() function. Within this function, do the following: a. Create variables named user, pwd, sButton, and orderHistory to refrence the elements on the Web page with ID values of userID, pwd, submitButton, and orderhistory, respectively. b. Add and event handler to the sButton object that runs when the button is clicked. Steps c through e should all be done within this event handler. c . Create variables named userValue and pwdValue equal to the values entered into the user and pwd input boxes. respectively. d. If userValue and pwdValue both are non-empty, create a request object named reqOrders. Using the get method, open the following URL with the request object /cgi-bin/wworders.pl?user=userValue&pwd=pwdValue where userValue and pwdValue are the values of userValue and pwdValue variables, respectively. e. Send the request and then wait for a complete and error-free response from the server. When the response arrives, store the text of the response in the orderHistory object on the Web page. --- Here is the code from my html file and my .js file(s) NOTE: I had to copy the addEvent function from wwlibrary.js to eliminate an error of addEvent not defined. Code: <?xml version="1.0" encoding="UTF-8" ?>
<!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">
<head>
<!--
New Perspectives on JavaScript, 2nd Edition
Tutorial 12
Case Problem 1
Wizard Works Order History
Author: Rachael Magnuson
Date: May 11th, 2010
Filename: orders.htm
Supporting files: getorders.js, wwlibrary.js, wwlogo.jpg,
wworders.pl, wwstyles.css
-->
<title>Check Your Order History</title>
<link href="wwstyles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="wwlibrary.js"></script>
<script type="text/javascript" src="getorders.js"></script>
</head>
<body>
<div id="heading"><img src="wwlogo.jpg" alt="Wizard Works" /></div>
<div id="links">
<ul>
<li><a href="sblogger.htm">HOME PAGE</a></li>
<li class="newgroup"><a href="#">Firecrackers</a></li>
<li><a href="#">Fountains</a></li>
<li><a href="#">Cones</a></li>
<li><a href="#">Rockets</a></li>
<li><a href="#">Sparklers</a></li>
<li><a href="#">Assortments</a></li>
<li class="newgroup"><a href="#">Online Store</a></li>
<li><a href="#">Shopping Cart</a></li>
<li><a href="#">View Your Account</a></li>
<li><a href="#">Track Orders</a></li>
<li><a href="#">Order History</a></li>
<li class="newgroup"><a href="#">FAQ</a></li>
<li><a href="#">Tech Support</a></li>
<li><a href="#">Safety Manuals</a></li>
<li><a href="#">Customer Service</a></li>
<li><a href="#">Contact Us</a></li>
<li class="newgroup"><a href="#">About Us</a></li>
<li><a href="#">WW History</a></li>
<li><a href="#">Fireworks Gallery</a></li>
<li><a href="#">Fireworks Video</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</div>
<div id="main">
<h1>Retrieve Your Order History</h1>
<p id="inputPara">
<label id="userlabel" for="userid">Enter your user ID</label>
<input type="text" id="userid" name="userid" />
<label id="pwdlabel" for="pwd">Enter your password</label>
<input type="password" id="pwd" name="pwd" />
<input type="button" id="submitButton" value = "View Orders" />
</p>
<div id="orderhistory"></div>
</div>
</body>
</html>
Code: /*
New Perspectives on JavaScript, 2nd Edition
Tutorial 12
Case Problem 1
Filename: wwlibrary.js
Functions List:
addEvent(object, evName, fnName, cap)
Adds an event handler to object where object is the object
reference, evName is the name of the event, fnName is the
reference to the function, and cap specifies the
capture phase.
XMLHttpRequest()
Creates a custom XMLHttpRequest object for IE browsers that
do not support the native XMLHttpRequest object (chiefly
IE5 and IE6)
*/
function addEvent(object, evName, fnName, cap) {
if (object.attachEvent)
object.attachEvent("on" + evName, fnName);
else if (object.addEventListener)
object.addEventListener(evName, fnName, cap);
}
if (typeof XMLHttpRequest === "undefined") {
XMLHttpRequest = function() {
try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); }
catch(e) {
try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); }
catch(e) {
try { return new ActiveXObject("Msxml2.XMLHTTP"); }
catch(e) {
try { return new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e) {
throw new Error("Unable to create your request object");
}
}
}
}
}
}
Code: /*
New Perspectives on JavaScript, 2nd Edition
Tutorial 12
Case Problem 1
Author: Rachael Magnuson
Date: May 11th, 2010
Filename: getorders.js
Functions List:
retrieveOrders()
Retrieves the orders from the Web server and displays
the HTML code in the orderhistory section of the
document
*/
addEvent(window, "load", retrieveOrders, false);
function addEvent(object, evName, fnName, cap) {
if (object.attachEvent)
object.attachEvent("on" + evName, fnName);
else if (object.addEventListener)
object.addEventListener(evName, fnName, cap);
}
function retrieveOrders(){
var user = document.getElementById("userid");
var pwd = document.getElementById("pwd");
var sButton = document.getElementById("submitButton");
var orderHistory = document.getElementById("orderhistory");
sButton.onclick = function() {
var userValue =escape(user.value);
var pwdValue = escape(pwd.value);
if (userValue && pwdValue != ""){
var reqOrders = new XMLHttpRequest();
var reqURL ="/cgi-bin/wworders.pl?skey=" + userValue&pwdValue;
reqOrders.open("GET", reqURL);
reqOrders.send(null);
reqOrders.onreadystatechange=function() {
if (this.readyState ==4) {
if (this.status == 200) {
orderHistory.innerHTML = this.responseText;
}
}
}
}
}
}
Hello I have issue and question. My software is taking value "inputVal" and assign it to the variable inputValue for example: assdsf than value "inputTyp" and assign it to the variable inputType for example: string so I want now to switch betwean "inputType" using "switch case" Every case has some "code" inside. So if my software choosed for example: inputType which is for example STRING value I want to RUN case 'string': But it doesn;t works ;/ It doesn't goes to any case;/ what is wrong with the code ;/ every case should test according regular expressions is string a string or email is email or number is number etc... and result: "false or true" should be assign to new variables for example "inpNUMBER" "inpEMAIL" etc. please help here is a code Code: inputValue = scriptletContext.getLocal("inputVal");
inputType = scriptletContext.getLocal("inputTyp");
//scriptletResult = inputType;
switch (inputType)
{
case 'number': scriptletResult=("inpNUMBER",/^[-+]?\d+(\.\d+)?$/.test(inputValue));
//scriptletContext.put("inpNUMBER",/^[-+]?\d+(\.\d+)?$/.test(inputValue));
case 'email': scriptletResult=("inpEMAIL",/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[(2([0-4]\d|5[0-5])|1?\d{1,2})(\.(2([0-4]\d|5[0-5])|1?\d{1,2})){3} \])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(inputValue));
//criptletContext.put("inpEMAIL",/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[(2([0-4]\d|5[0-5])|1?\d{1,2})(\.(2([0-4]\d|5[0-5])|1?\d{1,2})){3} \])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(inputValue));
case 'string': scriptletResult=("inpALPHA",/^[a-z0-9]+$/.test(inputValue));
//scriptletContext.put("inpALPHA",/^[a-z0-9]+$/.test(inputValue));
case 'ip': scriptletResult=("inpIP",/^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)+$/.test(inputValue));
//scriptletContext.put("inpIP",/^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)+$/.test(inputValue));
default:
scriptletContext.put("errors",inputType)
};
please give me the code for checking the company name entered in textbox using javascript .Only sentence case to be allowed.Only abbreviations (without a full name) should not be allowed.(eg DPS) Abbreviations if any should be allowed only at the end of the name within ().eg Delhi Public School(DPS)
Hi I have problem to manipulate my form with array. I want to copy my input from one input to other input but it didnt work. i did explore the usage of document.myForm.feed[3].value but it gave me error. Pleaseee help? Thanks script sample: <form name=myForm> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=feed[] onBlur=duplicate(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> <input name=copier[] onBlur=sendback(this)> </form> <SCRIPT> function duplicate(info) { //this function should copy 'info' to copier input //with the same element location //eg: feed[3] will copy to copier[3], feed[5] will copy to copier[5] //(can be any element insert by user) // the task would be: // 1. to get which element number has been inserted // 2. to get the origin text value // 3. to write the same element position for copier } function sendback(info) { //this function should copy 'info' to feed input //with the same element location //copier[2] will copy to feed[2], copier[3] will copy to feed[3] //(can be any element insert by user) } </SCRIPT> Thanks again for answering my questions perfectly previously, this next one really tested my minimal coding knowledge, and bested me. Basically, what I need done is this: This is a form [This is a text Box] [This is a submit button] Users on my website will enter a URL into the text box and press submit. Upon pressing submit it will redirect them to a webpage based on what they inserted into the textbox, sounds easy. But this is where it gets complicated. I need to take out certain parts of the URL they entered and place them inside of another URL. Here is an example www.google.com/images/picture/Download77_75.html I need to take the words in BOLD and Itallics and insert them specifically into another URL. which they will be redirected to after pressing submit. so now redirect to www.Mywebsite.com/Download77-with/GIF/images Basically I have the original string, which like above would be www.Mywebsite.com/Italicized string-with/GIF/Bolded String The original redirect link would stay the same. And taking from what you entered into the form, it would take out the specific bits and add them into the specific bits into another URL and redirect to that URL. Please note that I believe this is only possible becuase the amount of characters between the strings will ALWAYS be the same based on the content that my users are putting into the submit box. I.E the string in the Italicized string will always be 10 characters long, and everything in the Bolded String will always be 8 characters long (Not really, just an example). So maybe the script could tell it to count characters and take out characters from characters 8-15 and characters 19-36 then place them in the specific spots and then redirect them to that compiled link. Thanks for ALL the help! This one really boggled my mind. I could not think of anything that would help. This forum has come out to be my BEST resource %100 of the time. If you could help me with this. I will be AMAZED. Thanks in advance! PS: It doesen't have to be in any particular code language, But I do prefer HTML and Javascript. Hi all, I have a newbie question. I have just started working with javascript and would appreciate some guidance. I have a webpage and there are products for sale on it(this is not live it is merely being used as practice project). Beside each product is a description a price and an 'add to cart' button. My cart is simply a div with an id of 'cart' and it has a text box within it. I need the product name to be displayed within the div (this, I have working), I also need to display the product price in the text box once the button(add to cart ) for that particular product has been pressed. Also when the button for another product is pressed, I want the cost/value for that product to be added to the other value and displayed in the text box in the cart div... I apologise for rambling on but this is the best way of me explaining my needs.... Here's where i am right now.. The HTML snippet Code: <div id ="cart">
<p><img src="images/shopping-cart.png" alt ="cart"/>Your Cart</p>
<div id="sum"><!--(this is the div where the total goes)-->
<input type="text" id="total" value="0" /><p>€ Your Total <input type="reset" value = "reset" /></p>
</div>
</div>
<h2 id ="black">Blackcurrent<br /></h2>
<p>€ 12.00 <input type = "submit" value ="add to cart" onClick = "shoppingCart('Blackcurrent',12)" /></p>
And the javascript: Code: alert ("working");
function shoppingCart (itemName,itemValue)
{
/* var thePrice = Number(itemValue);
return thePrice;*/
document.getElementById ("cart").innerHTML += itemName + "<br/>";
document.getElementById('total').value = Number(document.getElementById('total').value) + itemValue;
}
I hope i have posted correctly and am aware that i have only posted a segment of the HTML.. Please let me know if you need any more code or info.. Thanks a lot in advance for any help... I'm trying to make a higher or lower game but I can't seem to get the higher and lower buttons to work. I have my deck set up in an array such as Code:
var deck = [
{pictu "images/AceHearts.png", facevalue: 1 },
{pictu "images/2Hearts.png", facevalue: 2 },
etc.
]
<!-- Then the rest of my code is as follows>
function rnd()
{
return Math.random()-0.5;
}
function hidemessage(){
document.getElementById("winningmessage").style.display = "none";
}
hand1 = new Array();
deck.sort(rnd);
<!-- This function randomly picks a card and takes its value and returns it --!>
function getHandHTML(hand)
{
html= "";
total = 0;
for (i=0; i<hand.length; i++)
{
html+= "<img src = \""+ hand[i].picture +"\"> ";
total= hand[i].facevalue;
}
return html;
}
<!-- This function takes a card from the deck --!>
function nextcard()
{
for (i=0; i< 1; i++)
{
card = deck.shift();
hand1.push(card);
}
document.getElementById('hand1').innerHTML = getHandHTML(hand1);
document.getElementById("winningmessage").style.display = "none";
}
<!-- This function adds takes the next card from the deck and places it on the screen --!>
<!--It also disables the buttons after 6 cards have been drawn --!>
function addCardToHand()
{
card = deck.shift();
if (card == null) { return;}
hand1.push(card);
document.getElementById('hand1').innerHTML = getHandHTML(hand1);
if(i==6){
document.getElementById("higher").disabled = true;
document.getElementById("lower").disabled = true;
document.getElementById("winningmessage").style.display = "block";
}
}
window.onload = nextcard;
function higher(){
if (hand1[index].facevalue() > hand1[index-1].facevalue())
{
alert("higher");
}
else
{
alert("wrong")
}
}
</script>
<body>
<style>
.hand {margin: 20px; padding: 20px;}
</style>
<input type = button value = "higher" onclick = "addCardToHand();higher()" id = higher>
<input type = button value = "lower" onclick = "addCardToHand()" id = lower>
<div class = hand id = hand1></div>
<div id = "winningmessage">
You Win
</div>
</body>
</html>
I've highlighted the area where I've attempted to make an alert box pop up saying if the higher button was right or wrong. Any suggestions would be much appreciated Can someone please tell me where in IE 8 I can configure Javascript to Raise and Lower windows? Thanks Dear Experts Var str="this is a string" I want to know how to replace this with Uppercase while using regular expression. Please help Hi There, I need your help, I can't seem to get this work, which it theorecticly should work any ideas? <script> var x = 3 switch(x){ case x > 0: alert("overdue") break case x = 0: alert("due today") break case x < 0: alert("will be due") break } </script> Much thanks for everyones help. Cheers, Jay I want to make a function that will also play a sound byte when you click on the large image. i need the sound byte to change with the images. Here is the code that i am using. Code: intImage = 2;
function swapImage() {
switch (intImage) {
case 1:
IMG1.src = "images/picture1-lg-over.png"
IMG2.src = "images/picture2-sm-top.png"
IMG3.src = "images/picture3-sm-btm.png"
intImage = 2;
return(false);
case 2:
IMG1.src = "images/picture2-lg-over.png"
IMG2.src = "images/picture1-sm-top.png"
IMG3.src = "images/picture3-sm-btm.png"
intImage = 3;
return(false);
case 3:
IMG1.src = "images/picture3-lg-over.png"
IMG2.src = "images/picture2-sm-top.png"
IMG3.src = "images/picture1-sm-btm.png"
intImage = 1;
return(false);
}
}
i have tried many things that involved each case to contain a different IMG1.onClick=""; value but it doesnt seem to change when the case changes. I have also tried making another switch/case that would change the value of the onClick event.. nothing. any sugestions? Wrote this code out and it doesnt function correctly but I cannot see nefin wrong with it: <script type="text/javascript"> var choice; var startTag; var endTag; var validInput; var listType; choice = window.prompt("Select a list style:\n" + "1 (numbered), 2 (lettered), 3 (roman)", "1"); switch (choice) { case "1": startTag = "<ol>"; endTag = "</ol>"; listType = "<h1>Numbered List</h1>"; break; case "2": startTag = "<ol style = \"list-style-type: upper-alpha\">"; endTag = "</ol>"; listType = "<h1>Lettered List</h1>"; break; case "3": startTag = "<ol style = \"list-style-type: upper-roman\">"; endTag = "</ol>"; listType = "<h1> Roman Numbered List</h1>"; break; default: validInput = false; } if ( validInput == true ) { document.write(listType + startTag); for (var i = 1; i <= 3; ++i) document.write("<li>List Item " + i + " </li>" ); document.write(endTag); } else document.write("Invalid choice: " + choice); </script> Hi everyone, I've started a course on web design and I'm busy with a assignment on Javascript. I need to make a contact list which I'm nearly done with but I'm stuck with one bit, validating select lists, I want to do it using a case construct but I'm not sure how cause mine doesn't want to work. Will someone please help me? Code: case "email":
var emailRegExp = /[a-z0-9]/i; /* Should contain at least 1 letter and can have numbers */
var email2RegExp = /[@]/; /* There has to be a @ character */
var email3RegExp = /[.]/; /* Should contain at least 1 . */
var email4RegExp = /[ ]/; /* Can not have any spaces */
if (emailRegExp.test(fld.value) == true && email2RegExp.test(fld.value) == true && email3RegExp.test(fld.value) == true && email4RegExp.test(fld.value) == false) {
fld.valid = true;
}
break;
case "day": /* Day of birth, Select list */
if (dd.value="no") == false; {
fld.valid = true;
}
break;
case "month": /* Month of birth, Select list */
if (mm.value="no") == false; {
fld.valid = true;
}
break;
case "year": /* Year of birth, Select list */
if (yyyy.value="no") == false; {
fld.valid = true;
}
break;
case "select_list":
if (not(select_list.value=no)) {
fld.valid = true;
}
break;
}
}
function validate(frm) {
for (i = 0; i < frm.length - 1; i++) {
ValidateField(frm.elements[i])
}
}
function validation(frm) {
var validation_text = "";
if (frm.fname.valid == false) {
validation_text += "First Name Field is either empty or incorrect, only letters, spaces and hyphens allowed.\n\n"
}
if (frm.lname.valid == false) {
validation_text += " Last Name Field is either empty or incorrect, only letters, spaces and hyphens allowed.\n\n"
}0
if (frm.housename.valid == false) {
validation_text += "Your House name Field is either empty or incorrect, letters, spaces and hyphens allowed.\n\n"
}
if (frm.streetname.valid == false) {
validation_text += "Your Street name Field is either empty or incorrect, letters, spaces and hyphens allowed.\n\n"
}
if (frm.townname.valid == false) {
validation_text += "Your Town name Field is either empty or incorrect, letters, spaces and hyphens allowed.\n\n"
}
if (frm.county.valid == false) {
validation_text += "Your County Field is either empty or incorrect, letters, spaces and hyphens allowed.\n\n"
}
if (frm.postcode.valid == false) {
validation_text += "Postcode Field is either empty or incorrect, Capital letters and numbers allowed.\n\n"
}
if (frm.teleph.valid == false) {
validation_text += "Telephone number Field is either empty or incorrect, only numbers allowed.\n\n"
}
if (frm.email.valid == false) {
validation_text += "Email Field is either empty or incorrect, letters, numbers, @, . , and no spaces allowed.\n\n"
}
if (frm.dd.valid == false) {
validation_text += "You have not selected your Day Of Birth. Please use the list. \n\n"
}
if (frm.mm.valid == false) {
validation_text += "You have not selected your Month Of Birth. Please use the list. \n\n"
}
if (frm.yyyy.valid == false) {
validation_text += "You have not selected your Year Of Birth. Please use the list. \n\n"
}
if (frm.select_list.valid == false) {
validation_text += "You have not selected your best form of contact. Please use the list. \n\n"
}
if (validation_text == "") {
validation_text += "Thank you for entering your details!"
alert(validation_text);
return true;
}
else {
alert(validation_text)
return false;
}
}
</script>
</head>
<body>
<form name="ContactList" method="post" action="mailto:lourens.erasmus@btinternet.com" onSubmit="validate(this); return validation(this);">
<table border="0" align="center" cellspacing="5" cellpadding="5" width="600">
<tr>
<th align="center" colspan="2">
<h2>
<b>Contact List</b></h2>
</th>
</tr>
<tr>
<td>
First Name
</td>
<td>
<input type="text" name="fname">
</td>
</tr>
<tr>
<td>
Last Name
</td>
<td>
<input type="text" name="lname">
</td>
</tr>
<tr>
<td>
House Name or Number
</td>
<td>
<input type="text" name="housename">
</td>
</tr>
<tr>
<td>
Street Name
</td>
<td>
<input type="text" name="streetname">
</td>
</tr>
<tr>
<td>
Town
</td>
<td>
<input type="text" name="townname">
</td>
</tr>
<tr>
<td>
County
</td>
<td>
<input type="text" name="county">
</td>
</tr>
<tr>
<td>
Postcode
</td>
<td>
<input type="text" name="postcode">
</td>
</tr>
<tr>
<td>
Telephone
</td>
<td>
<input type="text" name="teleph">
</td>
</tr>
<tr>
<td>
Email Address
</td>
<td>
<input type="text" name="email">
</td>
</tr>
<tr>
<td>
Date Of Birth
</td>
<td>
<select name="dd">
<option value="no">DAY</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="mm">
<option value="no">MONTH</option>
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="Apr">April</option>
<option value="May">May</option>
<option value="Jun">June</option>
<option value="Jul">July</option>
<option value="Aug">August</option>
<option value="Sept">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
<select name="yyyy">
<option value="no">YEAR</option>
<option value="50">1950</option>
<option value="51">1951</option>
<option value="60">1952</option>
<option value="60">1953</option>
<option value="60">1954</option>
<option value="60">1955</option>
<option value="60">1956</option>
<option value="60">1957</option>
<option value="60">1958</option>
<option value="60">1959</option>
<option value="60">1960</option>
<option value="60">1961</option>
<option value="60">1962</option>
<option value="60">1963</option>
<option value="60">1964</option>
<option value="60">1965</option>
<option value="60">1966</option>
<option value="60">1967</option>
<option value="60">1968</option>
<option value="60">1969</option>
<option value="60">1970</option>
<option value="60">1971</option>
<option value="60">1972</option>
<option value="60">1973</option>
<option value="60">1974</option>
<option value="60">1975</option>
<option value="60">1976</option>
<option value="60">1977</option>
<option value="60">1978</option>
<option value="60">1979</option>
<option value="60">1980</option>
<option value="60">1981</option>
<option value="60">1982</option>
<option value="60">1983</option>
<option value="60">1984</option>
<option value="60">1985</option>
<option value="60">1986</option>
<option value="60">1987</option>
<option value="60">1988</option>
<option value="60">1989</option>
<option value="60">1990</option>
<option value="60">1991</option>
<option value="60">1992</option>
<option value="60">1993</option>
<option value="60">1994</option>
<option value="60">1995</option>
<option value="60">1996</option>
<option value="60">1997</option>
<option value="60">1998</option>
<option value="60">1999</option>
<option value="60">2000</option>
</select>
</td>
</tr>
<tr>
<td>
Best Time to Call
</td>
<td>
<input type="radio" name="best" value="Morning">Morning<br>
<input type="radio" name="best" value="Afternoon" checked>Afternoon<br>
<input type="radio" name="best" value="Evening">Evening
</td>
</tr>
<tr>
<td>
Best Form of Contact
</td>
<td>
<select name="select_list">
<option value="no">-Please Select-</option>
<option value="Telephone">Telephone</option>
<option value="Post">Post</option>
<option value="Email">Email</option>
</select>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="submit" value="Submit">
</td>
</tr> </table> </form>
</body>
</html>
Code: var areas = {
"The Plains of CASCADIAN": { yMin: 0, yMax: 20, xMin: 0, xMax: 24 },
"The Forests of BELGROS": { yMin: 0, yMax: 34, xMin: 24, xMax:50 },
"Bewitched VOLRAP": { yMin: 0, yMax: 42, xMin: 50, xMax:100 },
"The Moutains of MELDROSS": { yMin: 26, yMax: 52, xMin: 0, xMax: 48 },
"The Moutains of OLAP": { yMin: 49, yMax: 68, xMin: 0, xMax: 48 },
"The Swamps of NEMBRESS": { yMin: 54, yMax: 90, xMin: 44, xMax: 100 },
"The Great Wood of OLKLEMPT": { yMin: 62, yMax: 100, xMin: 32, xMax: 100 },
"Dark Forests of MURLAP": { yMin: 60, yMax: 100, xMin: 0, xMax: 42 },
"Imperial MANTRIOCK": { yMin: 22, yMax: 58, xMin: 44, xMax:100 }
}
How would you reffer to the areas with a javascript if statment or case? I am having trouble with the following: Code: <script language="javascript" >
function premium_calculator()
{
var val = document.getElementById('user_input').value;
var state = document.getElementById('user_state').value;
alert ( state );
// if (state=1)
// alert ("QLD");
// else
// if (state=2)
// alert ("NSW");
// else
// alert ("ACT");
switch (state) {
case 1: alert ("QLD"); break:
case 2: alert ("NSW"); break;
case 3: alert ("ACT"); break;
}
document.getElementById('val_100_1').innerHTML =0;
document.getElementById('val_250_1').innerHTML = 12;
document.getElementById('val_500_1').innerHTML = 13;
document.getElementById('val_1000_1').innerHTML = 14;
}
the above code produces nothing, no alert messages and no returned elements. can be seen here http://www.scubaservice.com.au/calculation-test-2.html If I comment out the switch statement entirely and use the if statement; the first alert statement will produce a 1,2 or 3 depending on input but the second alert is always "QLD". There are several calculations for each of the returned values and these will be different depending on the state selected. The basis for the calculations work on their own ie for 1 state. http://www.scubaservice.com.au/calculation-test.html Any help to get this working would be apreciated. So, I have a list of items that need to have a new preset list item appear based on what day it is. I have the date script working (to test, change the first case to some random date and change the third case to todays date - 10192010 - It will fire that document.write). What I need the cases to do though, is set the visibility of certain list items. This is just an example, there will be around 20 list items in the final project. As you can see in the first two cases, I've tried a couple different routes to no avail. Any help would be fantastic. The Code (class references are irrelevant to this example, they belong to the final project): Code: <html>
<head>
<script type="text/javascript" language="JavaScript">
/*
Count up from any date script-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
function getToday(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var simpledate=todaym+""+todayd+""+todayy
var firstItem=document.getElementById("listOne");
var secondItem=document.getElementById("listTwo");
var thirdItem=document.getElementById("listThree");
switch(simpledate){
case "10192010":
firstItem.style.visibility="visible";
secondItem.style.visibility="hidden";
thirdItem.style.visibility="hidden";
break;
case "10202010":
document.getElementById("listOne").style.visibility="visible";
document.getElementById("listTwo").style.visibility="visible";
document.getElementById("listThree").style.visibility="hidden";
break;
case '10212010':
document.write("This code works...why can't I change an elements style within this case block also?")
break;
default:
document.write("Something is wrong")
}
}
//enter the count up date using the format year/month/day
getToday(2010,07,26)
</script>
</head>
<body>
<div id="theList">
<ul class="rounded">
<li id="listOne" style="display:block;" class="arrow"><a href="#kliwComic-MvPDualBoot"><font size="1px">11/17/10 - </font>MvP: Dual Boot</a></li>
<li id="listTwo" style="display:block;" class="arrow"><a href="#kliwComic-MvPTouchScreen"><font size="1px">11/18/10 - </font>MvP: Touch Screen</a></li>
<li id="listThree" style="display:block;" class="arrow"><a href="#kliwComic-MvPVista"><font size="1px">11/19/10 - </font>MvP: Vista</a></li>
</ul>
</div>
</body>
</html>
I'm a bit of a hack at this. Any input is greatly appreciated. Thanks again. |
|||||||