|
JavaScript - Is It Possible To Use This Javascript Input Method With Select?
I use this code in a form that posts to two different destinations, I use JavaScript to achieve it.
Code: <SCRIPT type="text/javascript">
function submitTo(where) {
document.form.action = where;
document.form.submit();
}
</SCRIPT>
<FORM action="" method="post" name="form">
<DIV>
<INPUT onClick="return submitTo('1.html')" type="button" value="1">
<INPUT onClick="return submitTo('2.html')" type="button" value="2">
</DIV>
</FORM>
I am still wanting to do is the same thing, but with drop down menu's (SELECT) instead of INPUT. Is there anyone clever that can think of a solution? I'm still trying to work on it, but haven't thought of anything up yet.. Similar TutorialsHi to all, I have a dynamic form, when a button is clicked 3 more fields appear, the function is to colect for example from date [02/02/2010] to date [10/02/2010] equals price [250$] per week and if you want another period just click the button and 3 more fields appear. How do I get all this data to PHP? Code: <script type="text/javascript">
var counter = 3;
function addNew() {
// Get the main Div in which all the other divs will be added
var mainContainer = document.getElementById('mainContainer');
// Create a new div for holding text and button input elements
var newDiv = document.createElement('div');
// Create a new text input
var newText = document.createElement('input');
newText.type = "text";
newText.value = "DD/MM/AAAA";
newText.name = counter++;
var newText1 = document.createElement('input');
newText1.type = "text";
newText1.value = "DD/MM/AAAA";
newText1.name = counter++;
var newText2 = document.createElement('input');
newText2.type = "text";
newText2.value = "0";
newText2.name = counter++;
// Create a new button input
var newDelButton = document.createElement('input');
newDelButton.type = "button";
newDelButton.value = "Delete";
// Append new text input to the newDiv
newDiv.appendChild(newText);
newDiv.appendChild(newText1);
newDiv.appendChild(newText2);
// Append new button input to the newDiv
newDiv.appendChild(newDelButton);
// Append newDiv input to the mainContainer div
mainContainer.appendChild(newDiv);
counter++;
// Add a handler to button for deleting the newDiv from the mainContainer
newDelButton.onclick = function() {
mainContainer.removeChild(newDiv);
}
}
</script>
<table style="margin-left:200px" border="0">
<tr><!-- Row 1 -->
<td width="140"><b>Start Date</b></td><!-- Col 1 -->
<td width="142"><b>End Date</b></td><!-- Col 2 -->
<td width="140"><b>Price per week</b></td><!-- Col 3 -->
</tr>
</table>
<div style="margin-left:200px" id="mainContainer"><div><input value="DD/MM/AAAA" name="0" type="text" ><input value="DD/MM/AAAA" name="1" type="text" ><input value="0" name="2" type="text" ><input type="button" value="New price" onClick="addNew()"></div>
I am trying but I can't figure it out, let say you select something on your select values, after selecting that value, how can you dynamically put that value on an input box?
Hello, I am trying to change the value of #name and #category inputs based on the value of select. A friend gave me the code below, but I can't get it to work. Thanks so much for your help Code:
<script type="text/javascript">
$('#Gift_Type').change(function(){
if ($(this).val() == 'Monthly'){
$('#name').val('Partnership')
$('#category').val('Partnership')
} else {
$('#name').val('Donation')
$('#category').val('Donations')
}
})
</script>
Code: <SELECT NAME="sub_frequency" ID="Gift_Type" onchange="OnSelectionChanged (this)"> <OPTION VALUE="1m">Monthly</OPTION> <OPTION VALUE="">One Time</OPTION> </SELECT> Code: <input type="text" id="name" name="name" value="Partnership" /> <input type="text" id="category" name="category" value="Partnership" /> I have an existing form with radio buttons and a text input field: <input type="radio" name="recurringEnd" value="yes"> End after <input type="text" name="numberOccurrences" size="1"> occurrences <input type="radio" name="recurringEnd" value="date"> End on <input type="text" name="endDate" size="8"> My client now wants it setup so that if the text field is filled in, the radiobox is automatically selected. Any help on this would be greatly appreciated as I am not a JS programmer. Hi there, I am a new javascript guy - struggling a bit but marching on - The following code works fine to set a form field - Code: document.getElementById("ZS_Land").value = (empLand.innerHTML);
However, I changed to form field into a select with option list, and I need it to set an option from the select now - the select has the same name/id as the field had, but is not working Any ideas how I do that ? Many thanks in advance Glorifindal Hi Guys i am a complete novice at ajax or javascript. I have been studying php for a while now and i know that, i am now starting php oop and that going well but i have never done anything like this. Anway i am creating a booking system which at the end of the process asks who supplied your voucher which they then select a supplier. The issue i have is my client wants it so if groupon is selected then an input text box should appear so that the user can input a security code from groupon. So basically it is Code: <select name="supplier" id="supplier"> <option value="">please select supplier</option> <option value="Groupon">Groupon</option> <option value="KGB Deals">KGB Deals</option> <option value="Other">Other</option> </select> So if value="Groupon" then Code: <input type="text" name="security" id="security" /> should appear next to it. Could someone please help me as the page cant refresh as it will lose its data which would have taken the user about 10 minutes to fill out Thanks in advance would it be better to place the javascript into a .js file or just place the js code somewhere else in the html? How should it look? Code: <div style="width: 225px; height: 155px; float: left; height: 16px; background-color: #000000; color: #FFFFFF; margin-left: 0px; margin-bottom: 0px; font-size: small; padding-left: 0px;">
<img alt="" src="images/news.png" height="16" width="222" /><div style="width: 225px; height: 155px; float: left;"><script type="text/javascript">// <![CDATA[if(document.layers){document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><div id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></div></ilayer>')}
if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed"><div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');} // ]]></script>
</div></div>
Hello, i wrote this code, But is not working, i want to use onChange event and redirect user into a url accordingly. this is my code; <script type="text/javascript"> function goto() { var URL = document.frmsort.optsort.options[document.optsort.optsort.selectedIndex].value; window.location.href = URL; } </script> <form id="frmsort" name="frmsort" action="http://localhost/APP/category.php" method="post"> <select name="urls" onChange="goto()"> <option value="http://localhost/APP/category.php?sub=1">-- choose option --</option> <option value="http://localhost/APP/category.php?sub=1&sort=1">OP1</option> <option value="http://localhost/APP/category.php?sub=1&sort=2">OP2</option> </select> </form> I really appreciate your help... thank you... You may have see various sites where urls are encoded by advertisement redirection service mostly by adf.ly now I want to write a personal java snippet for tor remove this spam [In opera you can specify a custom js to run at every page] mostly the html will look like this Code: <a target="_blank" href="http://adf.ly/246619/http://www.mediafire.com/download.php?lg5z42ra13ac9hi">SteamTable App</a> I want to use .split() method as you see this part http://adf.ly/246619/ [before the second http] has to be splitted some how & url to be reinserted in the a tag. any help here I have an ajax dependent drop down set up for location fields and am having trouble figuring out how to clear the dependent selects if the parent select is changed to blank. I set up a function to clearFields: Code: <script>
function clearFields() {
document.getElementById('cb_state').value = "";
}
</script>
And then set the parent to clearFields onchange: Code: onchange='ajaxFunction();clearFields();' This doesn't clear the field, but even if it did it would clear the field on change regardless of what's selected, what I need is for the function to fire only if the blank option is selected. How do I need to go about this? Ok so I'm making this form which when a selection is made in one box it will run through the javascript(function getMgmtHours), and update the div(mgmthours). Then another box shows up allowing another selection to be made which runs through the javascript(function getDays) and updates another div(mgmtdate). My problem is that when I use the second box to run through javascript, it overwrites what shows up in the first div (mgmthours) when it should be updating a different div (mgmtdate). Any ideas what I can do to get it update the relevant div and not overwrite the other one? Here is part of the javascript I have in my page head: Code: function getMgmtHours(str)
{
if (str=="")
{
document.getElementById("mgmthours").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("mgmthours").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getmgmthours.php?dist="+str,true);
xmlhttp.send();
}
function getDays(str)
{
if (str=="")
{
document.getElementById("mgmtdate").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("mgmtdate").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getdates.php?sunday="+str,true);
xmlhttp.send();
}
Here is the HTML/PHP portion being used: PHP Code: echo "<p>"; echo "Submit hours:"; echo "<form>"; echo "<select name='district' onchange='getMgmtHours(this.value)'>"; echo "<option value=''>Select a district:</option> <option value='1'>1</option> <option value='3'>3</option> <option value='4'>4</option>"; echo "</select>"; echo "</form>"; echo "</p>" echo "<p>"; echo "<form action='./hours.php' method='post' onSubmit='return checkMgmtHours'>"; echo "Weekending Day: "; echo "<select name='weekending' onchange='getDays(this.value)'>"; echo "<option value=''>Choose a Date:</option>"; while ($week < 32) { $nextsunday = strtotime("next Sunday"); if ($week > 0) { $timestamp = strtotime("-" . $week . " week", $nextsunday); } else { $timestamp = $nextsunday;} $weekending = date('M. d, Y', $timestamp); echo "<option value='" . $weekending . "'>" . $weekending . "</option>"; $week = $week + 1; } echo "</select>"; echo "<div id='mgmtdate' />"; echo "<div id='mgmthours' />"; echo "</p>"; Edit: Also, after getMgmtHours() runs, I can still use both getDays and getMgmtHours, howeer once I used getDays, I am no longer able to use getMgmtHours w/o refreshing the page. 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>
I'm designing a page that uses javascript+css for enhanced interaction. However, if javascript is disabled, I'd still like the page to be functional, albeit less fancy. Likewise, if css is disabled, it still needs to be functional. Finally, if both js+css are disabled, the page will be quite bare but still usable. For example, I use javascript to set a css style that hides certain panels of content. JS is used to toggle these and all is fine. If JS is disabled, then the css isn't applied, and all the content is visible (though not too pretty). If CSS is disabled, the inline CSS applied by the JS works fine. Finally, if both are disabled, all the content is visible. I'm wondering what's the best way to do this. Currently, I set the styles like this in the js file: Code: function initialize() {
// set styles, for example:
document.getElementById("panel").style.display = "none";
}
var onloadFlag = false;
document.onreadystatechange = function() {
if (!onloadFlag) {
onloadFlag = true;
initialize();
}
};
// for older browsers
window.onload = function() {
if (!onloadFlag) {
onloadFlag = true;
initialize();
}
};
The problem that sometimes comes up is I see the "fallback" styles briefly, before the JS kicks in and applies the enhanced css. How can I avoid this? Hi, what would be the best way to have a hidden array of possible text directed at a textarea and then if something is not within that array "onfocus", a certain select option is chosen within that form? Thanks Hi , I am inserting an image into a span tag by click on button and resize the image using resize_image_height_weight function. I am using two function to do this task. setImage setImage_w3Validation setImage function resize the image but fail on w3validation on my webpage( As per w3c there is no attribute onload for image tag.) To fix out this issue I am using setImage_w3Validation function which pass on w3validation but unable to call resize_image_height_weight function. My purpose is to resize the image. Kindly suggest me how to do it? <html> <head> <script TYPE="text/javascript" language="javascript"> function resize_image_height_weight(id, hgt, wdth){ //alert(id); Obj=document.getElementById(id); myImage = new Image(); myImage.src = Obj.src; var heights = myImage.height; var widths = myImage.width; // alert("Height=>" + heights + " Width=> " + widths); if(heights > hgt || widths > wdth) { if(heights > widths) { var temp = heights/hgt; var new_width = widths / temp; new_width = parseInt(new_width); heights = hgt; widths = new_width; } else { var temp = widths/wdth; var new_height = heights / temp; new_height = parseInt(new_height); heights = new_height; widths = wdth; } } Obj.height = heights; Obj.width = widths; } function setImage(){ document.getElementById("IM0").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img1\" alt=\"\" height=\"125\" width=\"125\" onload=\"resize_image_height_weight('img1',125,125);\"><\/center>"; } function setImage_w3Validation(){ document.getElementById("IM1").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img2\" alt=\"\" height=\"125\" width=\"125\"><script type=\"text/javascript\">document.getElementById('img2').onload = function(){resize_image_height_weight('i12',125,125);};<\/SCRIPT><\/center>"; //I wanna to do the task using this one function to resize img for w3validation } function clear_page(){ document.getElementById("IM0").innerHTML =""; document.getElementById("IM1").innerHTML =""; } </script> </head> <body> <div class="img3"><span id="IM0"></span></div> <div class="img3"><span id="IM1"></span></div> <input type="button" name="btn1" value="Image Onload W3C Fail" onclick="setImage();"> <input type="button" name="btn2" value="Image Onload W3C Pass" onclick="setImage_w3Validation();"> <input type="button" name="btn2" value="Clear" onclick="clear_page();"> </body> </html> Why is the callwhy is the slice method only a method of an Array instance? The reason why I ask is because if you want to use it for the arguments property of function object, or a string, or an object, or a number instance, you are forced to use Array.prototype.slice.call(). And by doing that, you can pass in any type of object instance (Array, Number, String, Object) into it. So why not just default it as a method of all object instances built into the language? In other words, instead of doing this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
console.log(typeof arguments);//Object
console.log(arguments instanceof Array);//false
var args1 = Array.prototype.slice.call(arguments);
console.log(args1);
var args2 = Array.prototype.slice.call(obj);
console.log(args2);
var args3 = Array.prototype.slice.call(num);
console.log(args3);
var args4 = Array.prototype.slice.call(string);
console.log(args4);
Core('dom','event','ajax');
Why not just be able to do this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
var args = arguments.slice(0);
var args2 = obj.slice(0);
var args3 = num.slice(0);
var args4 = string.slice(0);
//right now none of the above would work but it's more convenient than using the call alternative.
}
Core('dom','event','ajax');
Why did the designers of the javascript scripting language make this decision? Thanks for response. This is my first post. I am reading "Javascript The Good Parts" ~ The Method Invocation Pattern Page 28 and tried this, var myObject= { value:0, increment:function(inc){ this.value+= typeof inc==="number" ? inc:1; } } myObject.increment(2); alert(myObject.value); but alert(myObject.value); is returning a value of "2", when it should return "3". Can someone help? Reply With Quote 12-22-2014, 09:59 AM #2 rnd me View Profile View Forum Posts Visit Homepage Senior Coder Join Date Jun 2007 Location Urbana Posts 4,497 Thanks 11 Thanked 603 Times in 583 Posts 0+2=2, not 3; the code is working correctly. Hi all, I am a newbie to JS. So please extend your help suggesstion to solve this problem I have. I have 2 select boxes. Data in one select box is corresponding to the data in the other select box. When the user comes in and selects example the 3rd element from the first or second select box the correspoinding 3rd element from the other select box should be selected. Please help with the solution.Thanks in advance I have got this piece of code where JavaScript will change a FORM OPTION if it has been selected before (incase the user returns to the page - doesn't have to refill in things), but its not working and my web browser reports this error: Quote: Error: document.getElementById("Dr") is null This is the code: Code: <SCRIPT type="text/javascript">
document.getElementById("<?php echo $_SESSION['recipient']['title']; ?>").selected = "selected";
</SCRIPT>
Code: <FORM action="process.html" method="post"> <DIV class="deliveryinformationdata"> <DIV> <B>Title:</B> <SELECT name="title"> <OPTION></OPTION> <OPTION id="Dr">Dr</OPTION> <OPTION id="Miss">Miss</OPTION> <OPTION id="Mr">Mr</OPTION> <OPTION id="Mrs">Mrs</OPTION> <OPTION id="Ms">Ms</OPTION> </SELECT> </DIV> <INPUT type="submit" value="Submit"> </DIV> </FORM> Can anyone see a problem? I am stuck on this question. 1. To set the value contained in a field such as an input box, you must use the ____________________ property. This is based on Javascript. What type of properties are used for fields in an input box? Thanks |
|||||||