I have some text that I need to use on multiple pages on my site. I thought it would be easy to have an external .js file and then link itto display om each page I need it. I can create the script (the .js file) but I can't get it to write to the webpage inside the Body tags..
View 2 RepliesLet me preface this with the usual disclaimer: I am new to this and have only been programming with Javascript, PHP for about 2 weeks now and have been lucky enough to have resolved the issues I have encountered. This one however is puzzling to me.
I have a HTML form created that collects member information. It calls, on submit, a confirmation page that lists all the data fields entered. This all works great. However, when I then post the variables from the first html form page from my second confirmation html page to my PHP script, using document.write with input type=hidden and inserting the address variable into the value field, the Javascript only passes this variable up to the first space. It is the only variable I pass that has a space in it.
I have verified that the variable does indeed contain the whole address and I have also verified when I execute the following: document.write ('<input type="hidden" name="address1" value='+address_1+'>');
the address_1 parameter passed to the php script only passes the string up to the first space.
I even tried to put fixed text in there instead of a variable (e.g.)
document.write ('<input type="hidden" name="address1" value="555 Drury Lane" >');
and it still only passes the string up to the first space (555).
I show the variable address_1 on my confirmation page and it shows the entire string.
I checked what was being passed and it seems that the Javascript is the culprit (or more likely the Javascript creator - me)
All my other variables (which don't have spaces) pass to the php script with no problems.
Is it possible? I'm trying to add to the current page -- but add at a
specific point. Can add HTML tags from javascript midway through the page
(at a place I specify) without erasing the existing page?
I need to add an event for all elements that are not text entry.I have tried this
$(':not(input:text, input:textarea)')
$(':not(:text, :textarea)')
I tried to get it to work for just not type=text
$(':not(:text)')
$(':not(input:text)')
I can't seem to figure it out.
I am totally new to jQuery and no good knowledge on javascript. However, I was assigned a task, to convert a javascript program to jQuery due to compatibility problem on browsers like Chrome and Safari. My program originally use javascript xmlDoc.load('....') to read XML file, and then use document.write statement to write html tables on client side. Something like this (the sample below may got lots of syntax problem as I jut want to show the major part):
Code:
document.write('<TABLE >');
var y=x[0].getElementsByTagName('NoOfRows');
for (i=0; i<=noofrows-1 && i<=y.length-1; i++){
document.write(' <TD>');
document.write(z[j].getElementsByTagName('RecordDetails')[0].childNodes[0].nodeValue;
}
Now I changed to use jQuery, I can read the XML file elements. However, when I try to write the table, it failed:
[Code]...
Why doesn't this work? The input field doesn't show up at all. I know I'm just missing something really simple here.
<script type="text/javascript">
day = day.getDay()+1;
month = day.getMonth()+1;
year = day.getYear();
newdate= month + '/' + day + '/' + year;
document.write('<INPUT name=Date value='+ newdate + '>');
</script>
I have a client that has ads on her website that really slow down the site. These ads are called by an off site javascript file and I want to use a jQuery(document).ready or similar method to call these files after all of the site content has loaded. But these files contain document.write functions to add more javascript files. Since I want to load the files after everything else has loaded, this in turn makes the page blank and then loads the ad. Is there a way to position where document.write will write to?
View 1 Replies View RelatedI have to change text input type to password input type and i am using jquery script. This script work for FF, Chrome and Safari browser but not worked on ie7, ie8.
Script is as:-
How can i update my script, so that it works cross the browser.
I'm pretty new to JavaScript and am having a problem. I thought what I am doing should work but it isn't.
Basically I have a form that people can put a quantity into. e.g. A, B, C.
I have a JavaScript function called comput that assigns values e.g. A = 5, B = 7, C = 9. Here is the start of the script:
<script language="JavaScript"><!--
function compute(form){
var A = form.A.value * 5;
var B = form.B.value * 7;
var C = form.C.value * 9;
I then declare a variable to add them up:
var ans = A+B+C;
return;
}
</script>
This part of the script works fine. Now I want to write the ans variable. So I use:
<script>
<!--
document.write ("Your total is "+ans+"")
// --></script>
But it isn't working. Any ideas?
Ive got a really simple problem but I can't figure it out. I've got a
form named bob with one text box name bobtext with a default value of
"http://". When I add onload="document.bob.bobtext.focus()" it focuses
on the text box, but at the beginning. Is it possible to focus on the
text box, but at the end of "http://"? This seems like something easy
so I'm probably making some stupid mistake.
Suppose I have a page, call in parent.html . Inside, there is an iframe,
call it child.html . I want it so that in response to a keyboard event
in either parent or child, child.html will respond in a particular way.
Do I need to use a different set of code for each html page, or can I
reuse the same code?
If the code is different, what are the fundamental differences in code?
How do I make one frame respond to events in a different frame as a
general rule?
I know there is a million of them but here's a little calculator script I made just for kicks. Feedback is always appreciated, good or bad.
I think I did a pretty good job of mirroring the windows calculator functionality.
Basic keys are mapped (optionally) to the keyboard.
<html>
<head>
<title>Web Calculator</title>
<style type="text/css">
table
{
text-align:center;
background-color:#e5e5c5;
}
.button
{
width:55px;
font-weight:bold;
background-color:lightblue;
color:#333399;
}
.functbut
{
width:55px;
font-weight:bold;
background-color:lightblue;
color:red;
}
.back
{
width:115px;
font-weight:bold;
background-color:lightblue;
color:red;
}
.header
{
color:#333399;
}
#display
{
text-align:right;
}
</style>
<script type="text/javascript">
var find=document.getElementById;
var temp=0;
var total=0;
var which=0;
var m=0;
function Mplus()
{
m=parseFloat(find('display').value) + m;
find('memory1').value="M+*";
}
function Mclear()
{
m=0;
find('memory1').value="M+";
}
function Mrecall()
{
find('display').value=m;
}
function Mreplace()
{
m=find('display').value;
}
function showMe(num)
{
if(temp==0)
{
find('display').value=num;
temp=1;
}
else
{
find('display').value+=num;
}
}
function calcEm(num)
{
str=parseFloat(find('display').value);
if(which==0)
{
total=find('display').value;
temp=0;
which=num;
}
else if(which==1)
{
find('display').value=parseFloat(total)+ str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==2)
{
find('display').value=parseFloat(total) * str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==3)
{
find('display').value=parseFloat(total) / str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==4)
{
find('display').value=parseFloat(total) - str;
total=find('display').value;
which=num;
temp=0;
}
}
function clearAll()
{
find('display').value=0;
which=0;
temp=0;
total=0;
}
function clearDisplay()
{
find('display').value="0"
temp=0;
}
function fractIt()
{
find('display').value=(1) / str;
}
function getPerc()
{
var d=find('display').value=str / 100;
calcEm(0);
}
function backSpace()
{
find('display').value=find('display').value.substring("0",find('display').value.length-1);
}
function getRoot()
{
find('display').value=Math.sqrt(find('display').value);
}
function invertIt()
{
var w=find('display').value.indexOf("-");
if(w==-1)
{
find('display').value="-" + find('display').value
}
else
{
find('display').value=find('display').value.substring("1",find('display').value.length);
}
}
function keyHandler()
{
keys=new Array();
keys[97]=("1");
keys[98]=("2");
keys[99]=("3");
keys[100]=("4");
keys[101]=("5");
keys[102]=("6");
keys[103]=("7");
keys[104]=("8");
keys[105]=("9");
keys[96]=("0");
keys[13]=("equal");
keys[107]=("plus");
keys[110]=("dot");
keys[109]=("minus");
keys[106]=("times");
keys[111]=("divide");
keys[110]=("dot");
keys[8]=("back");
keys[27]=("clear");
kc=window.event.keyCode;
if(keys[kc]!=undefined)
{
cColor('#333399');
setTimeout('cColor("lightblue")',100);
find(keys[kc]).click();
}
return false;
}
function cColor(bcolor)
{
find(keys[kc]).style.background=bcolor;
}
function keyOnOff()
{
var b=find('keychoice').checked
if(b==true)
{
document.onkeydown=keyHandler;
}
else
{
document.onkeydown="";
}
}
function checkHandler()
{
var e=find('keychoice').checked
if(e==false)
{
e=true;
}
else
{
e=false;
}
keyOnOff();
}
</script>
</head>
<body>
<table cellspacing="0" border="1">
<thead>
<th colspan="6" class="header">Web Calculator</th>
</thead>
<tr>
<td colspan="6"><input type="text" size="43" id="display" value="0."></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="Backspace" id="back" class="back" onclick="backSpace()"></td>
<td colspan="2"><input type="button" id="ce" value="CE" class="back" onclick="clearDisplay()"></td>
<td colspan="2"><input type="button" id="clear" value="C" class="back" onclick="clearAll()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MC" onclick="Mclear();"></td>
<td><input type="button" class="button" id="7" value="7" onclick="showMe(ƍ')"></td>
<td><input type="button" class="button" id="8" value="8" onclick="showMe(Ǝ')"></td>
<td><input type="button" class="button" id="9" value="9" onclick="showMe(Ə')"></td>
<td><input type="button" class="functbut" id="divide" value="/" onclick="calcEm(3)"></td>
<td><input type="button" class="button" id="sqrt" value="sqrt" onclick="getRoot();"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MR" onclick="Mrecall();"></td>
<td><input type="button" class="button" id="4" value="4" onclick="showMe(Ɗ')"></td>
<td><input type="button" class="button" id="5" value="5" onclick="showMe(Ƌ')"></td>
<td><input type="button" class="button" id="6" value="6" onclick="showMe(ƌ')"></td>
<td><input type="button" class="functbut" id="times" value="*" onclick="calcEm(2)"></td>
<td><input type="button" class="button" id="perc" value="%" onclick="getPerc()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MS" onclick="Mreplace();"></td>
<td><input type="button" class="button" id="1" value="1" onclick="showMe(Ƈ')"></td>
<td><input type="button" class="button" id="2" value="2" onclick="showMe(ƈ')"></td>
<td><input type="button" class="button" id="3" value="3" onclick="showMe(Ɖ')"></td>
<td><input type="button" class="functbut" id="minus" value="-" onclick="calcEm(4)"></td>
<td><input type="button" class="button" id="x" value="1/x" onclick="fractIt()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="M+" id="memory1" onclick="Mplus();"></td>
<td><input type="button" class="button" id="0" value="0" onclick="showMe(Ɔ')"></td>
<td><input type="button" class="button" id="flop" value="+/-" onclick="invertIt()"></td>
<td><input type="button" class="button" id="dot" value="." onclick="showMe(this.value)"></td>
<td><input type="button" class="functbut" id="plus" value="+" onclick="calcEm(1)"></td>
<td><input type="button" class="functbut" id="equal" value="=" onclick="calcEm(0)"></td>
</tr>
<tr>
<td colspan="6" class="header">Num Pad On:<input type="checkbox"
id="keychoice" onclick="checkHandler();keyOnOff();"></td>
</tr>
</table>
</body>
</html>
Happy Calculating...
I'm using XHR to make some REST requests. Right now I need to handle HTTP 401 responses.When a resource is requested such as a Javascript file or CSS file the browser will popup a prompt for username and password, which is normal behaviour.When I make an XHR request for POST,GET or PUT I get an XHR response which includes a status of 401 and no popup from the browser, this is also normal.The problem is when I make a DELETE request, I get the expected XHR response AND also the browser still pops up the username and password prompt.
View 1 Replies View RelatedDoes anyone know of a basic Javascript Rich Text Editor that dosen't have too many features. I don't want smily faces or the ability to insert images, only the basic text formatting. All the ones i found on google are packed full of extras i don't need.
View 1 Replies View Relatedim need to create s simple CMS/WYSIWYG, but im not a pro on js. I found one on a website, but i dont want to resort to stealing codes.
basically, theres a textarea, where you put in text, and a button for bold, italics and underline, etc. if i highlight something on the textarea and hit the bold button, the text automatically gets surrounded by the <b></b> tags, or or whatevers convinient. when i look at the inline js code from the button, it calls a function, but id rather simplify the code, it should be something like onclick=insertstyle("b","textarea_name");
I have the source code to an old BASIC program that a friend of mine
would like to run online. I am a beginner at JS, but I think that it
would be a good choice for the project. My background is in C/C++ and
web development.
Any suggestions that might get me off to a good start here? I can
provide more information if needed, but I am not sure what would be
helpful. The program is 550 lines in what appears to be BASIC and is a
calendar conversion program. You give it a date and it will convert it
into one of many other date reckoning systems (Gregorian, Hebrew,
Egyptian, etc, etc).
Here is a very basic simulated editable combo box for quick and dirty uses.
After any text input on a form you simply add a...
<script>fancycombo("[inputid]combo","[inputid]","[option1]","[option2]","[option3]")</script>
You must give the input an id as well as a name. They don't have to be the same thing, but its recommended.
NS broke when I was cleaning up the code. Searching for the error.
How to do Basic authentication using Ajax
View 1 Replies View RelatedI have a <FORM> with several text based input controls in it, and for some reason, although I have assigned ID values to these control, when I attempt to run any JavaScript error checking on them I get JS Error messages for some reason.
To simplify where I have gone wrong, I have written a simple JS alert message as follows...
alert(document.getElementById['first_name'].value);
and the <FORM> control I have is...
<form name="paypal_send">
<input type="text" id="first_name" name="first_name2" value="hello" />
</form>
But for some reason I am getting this error message...
Error:'document.forms.paypal_send.getElementById.first_name' is null or not an object.
This is really pulling my hair out, as can be seen, the inout control has an ID??
I've been looking at all the various image replacement techniques..and they all seem unnecessarily complicated. I came up with:
function replaceLogo() {
document.getElementById('header').innerHTML = '<img src="/images/logo-tci.gif" />'
}
It's just replacing the layer contents at a very basic level.
This works just fine, I'm just wondering how well supported it would be across different browsers. Anyone know of a table of browsers that support innerHTML or see potential cross-browser issues with this technique?
How would I write this in code?
Code:
I would like to allow a user to browse his local directories, choose an
image (probably .jpeg) file, and upload it to the server (a servlet). The
same functionality that online datiing agencies use to let people save their
photograph with their profiles. (My application is an online Want Ads.)
I feel that this must be possible within a minimal client (without a JVM)
using nothing more than JavaScript, but I'll be damned if I can find how.
Would one of you more experienced JavaScript people please point me in the
right direction.
In a nutshell, I'd like to have a list of items, each of which fills out a
small table which displays some info about a particular item(the items being
a trouble ticket for a tech support ASP-built web-based app). There may be
zero, one, or many of these per ticket. Since some tickets have many of
these items (call them work items), the page can get awful long. I have this
part working already.
So my proposed solution to make the pages shorter would be to have one line
for each of these little work items. If you click the text in that one line,
it shows what had been a hidden div. If you click it again, it hides it.
See below:
Sorry I couldn't find appropriate group for
SVG and ECMAScript. Since SVG is in XML format
and ECMAScript is very similar to JavaScript.
What's why I post in these two groups.
In the O'Reilly SVG book, in chapter 11
Animating and Scripting SVG. It mentions
some very basic functions like
var circle = event.getTarget();
var obj = svgDocument.getElementById("idName");
I got error message said these are no a function
in Firefox and batik-squiggle.jar
When I used SVGView plug-in (made by Adobe) for IE .
I typed:
var svgObject = evt.target;
var svgDoc = svgObject.getOwnerDocument();
var svgElement = svgDoc.getElementById(idName);
var svgStyle = svgElement.getStyle();
svgStyle.setProperty('stroke-width', 3);
These lines are working fine for SVGViwe Plug-in by
not work for Firefox and batik.
They complained that getOwnerDocument is not a function.
I tried to change getSVGDocument but no luck.
Is that O'Reilly book too old? Its first editoin is 2002.
How can I make getElementById() working in Firefox and Batik?
Is there some examles or some documents?
I'm about to embark on really learning jQuery. The first step of which is to get a basic jquery function to work. Everytime I learn something this way the first thing does not work for no apparent reason. It's probably something obvious but I can't move on without getting this to work. I added jquery to the page I have two things a div called #content-container and an image with class .logo
[Code]....
My shopping cart is using jQuery UI 1.7.2
I added jQuery UI Datepicker 1.8.7
I'm including jquery.ui.datepicker.css and jquery.ui.all.css versions 1.8.7 in my header, when I click the input box firebug shows the datepicker code is in the source but the ui-helper-hidden-accessible class isn't being removed to display the datepicker. Do I need to update jquery or at least ui.core which is 1.7.2?
After playing with the css files I was able to get the datepicker to open but the prev and next text is being displayed above the prev/next buttons
I've tried every combination I could with these files to get a basic datepicker to open up