|
JavaScript - What Kind Of Scripting Should I Be Looking At To Perform This?
I want to have a real time text ticker.
I would be able to type something in and it would continue to scroll until I typed something else (followed by the return key), and it would scroll that, without the end-user having to refresh their screen to see the update. I was hoping their might be a script out there already that does that, but since I can't find one, I thought I'd see about trying to create one. What would be the most practical scripting language to use? Or if you know of something that does this already, could you point me in the right direction. Similar TutorialsI have a page HTML. In HTML have 1 button, when click into button that'll appear 1 window. In this window, it's show 1 image and after 5s it will change the other image. Plz, help me. I can't do this. Thanks
Hi there, To summarize my problem: For example: Sales : $ 5 (id=sales) Discount: 11% (id=disc) Total Discount: $ 0.55 (id=disc) Rounded Discount: $ 0.6 (1 decimal) (id=rounded) Net Sales: $ 4.40 (id=net_sales) document.getElementById("net_sales").value = sales - rounded.toFixed(1); Net Sales: $ <input id = "net_sales" type="Text" name="net_sales" size="4" value="<?php if (!empty($net_sales)) echo $net_sales; ?>"> I tried the above, it is working in the browser. However, it cannot be written into MYSQL (with PHP). What is wrong with my Javascript? Thanks. Hey I am having trouble getting my javascript code to work. It seems to not register the event or even carry out the code. I have attached my code. index.php Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="StyleSheet.css" type="text/css" />
<script type="text/javascript" src="register.js"></script>
<title>CollegeStop.com - Your stop for used college books!</title>
</head>
<body>
<div class="wrapper">
<div class="logo">Logo goes Here</div>
<div class="login_bar">
<form action="" method="post">
<table>
<tr>
<td>Email:</td>
<td><input type="text" name="email"></td>
<td>Password:</td>
<td><input type="password" name="password"></td>
<td><input type="submit" name="login" value="Login"/></td>
</tr>
</table>
</form>
<p>Not yet a member? <a href="index.php">Register</p>
</div>
<div class="nav_bar">
<ul class="menu">
<li class="home"><a href="index.php">Home</a></li>
<li class="browse"><a href="browse.php">Browse</a></li>
<li class="contact"><a href="contact.php">Contact</a></li>
</div>
<div class="content_container">
<div id="recent">
<p>box of recent additions to the site</p>
</div>
<div id="about_us">
<p>Hi and welcome to CollegeStop.com. This is a site dedicated to hopefully getting you a bit of a return
on the money you spent on books.</p>
</div>
<div id="registration">
<h5>Your password must be atleast six characters in length. Please enter a valid email as
it will be our method to ensure you get an account!</h5>
<form id="registration_form" action="" method="post">
<table>
<tr>
<td>First Name:</td>
<td><input type="text" id="firstName" name="first_name"/></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type="text" id="lastName" name="last_name"/></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="intEmail" name="email_first"/></td>
</tr>
<tr>
<td>Retype Email:</td>
<td><input type="text" id="secEmail" name="email_second"/></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" id="intPass" name="pass_first"/></td>
</tr>
<tr>
<td>Retype Password:</td>
<td><input type="password" id="secPass" name="pass_second"/></td>
</tr>
<tr>
<td><input type="submit" value="Register"/></td>
<td><input type="reset" value="Clear Form"/></td>
</tr>
</table>
</form>
<script type="text/javascript" src="registerR.js">
</script>
</div>
</div>
</div>
</div>
<div class="footer"><p>2012 © Hassan Said</p></div>
</body>
</html>
register.js Code: function checkReg(){
var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var intEmail = document.getElementById("intEmail");
var secEmail = document.getElementById("secEmail");
var intPassw = document.getElementById("intPass");
var secPassw = document.getElementById("secPass");
if((firstName == "")||(lastName == "")||(intEmail == "")||(secEmail == "")||
(intPassw == "")||(secPassw =="")){
alert("Please fill in all fields!");
firstName.focus();
return false;
}
}
registerR.js Code: document.getElementById("registration_form").onsubmit = checkRegister;
never mind
Hello, If i use this to protect myself from XSS scripting, do you think that it will be enough? http://www.hscripts.com/scripts/Java...e-html-tag.php Thank you. Can someone not just block this script, by banning javascript.? Quote: Hi, below code is only working in Firefox but not in Internet Explorer. Once I select YES from drop down list, then the next text box should be greyed out and the second should show value 10. This works in Firefox but not in Firefox . Code:
<html>
<head>
<title>Untitled</title>
<script>
function enable()
{
document.myForm.textbox.disabled = false;
document.myForm.textbox2.value = 0;
}
function disable()
{
document.myForm.textbox.disabled = true;
document.myForm.textbox2.value = 10;
}
function value()
{
document.myForm.textbox2.value = 10;
}
</script>
</head>
<body>
<form name="myForm">
<table>
<tr>
<label> Do you accept </label>
<td>
<select name="na">
<option value="yes" onclick="disable()"> YES </option>
<option value="no" onclick="enable()"> NO </option>
<option value="NA" onclick="disable()"> NA </option>
</select>
<input type="text" name="textbox" value="" disabled>
<input type="text" name="textbox2" value="10" >
</td>
</tr>
<tr>
<td>
</td>
</tr>
</form>
</body>
</html>
Dear Forum, I have a website of quite a few pages which also has a style sheet switcher so the user can select their own customised graphics and layout (css file) these css files load in the graphics but only when the call is clicked... even if the page has already been opened for seconds or minutes when the graphics could have been loaded in for an instant switch. so i implemented the following code: Code:
<SCRIPT language="javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</SCRIPT>
<body onLoad="MM_preloadImages('/corporate/heading.png','/creative/heading.png','/earth/heading.png','/under-the-sea/heading.png','/space-and-stars/heading.png','/classical/heading.png','/corporate/document.jpg','/space-and-stars/document.png','/creative/document.jpg','/earth/background.jpg','/under-the-sea/background.jpg','/classical/document.png','/classical/background.jpg','/under-the-sea/document.png','/corporate/home-graphics.png','/earth/content.jpg','/earth/footer.jpg','/earth/home-graphics.png','/under-the-sea/home-graphics.png','/creative/home-graphics.png','/space-and-stars/background.jpg','');">
it works fantastically - you open the page and as long as it takes to notice where you can click the styles is the same amount of time it takes to have the styles cached for the styles switch immediately and effortlessly. however, the site has grown and is now quite a number of pages with the above in each html file. ive just added a "creative 2" style, which has caused the above to need updating........ the maintenance of this code is inefficient to edit each page. would someone be able to point or show me how to, in principle: Code: <body onLoad="MM_preloadImages('/styles-code.js);">
styles-code.js?? page:
'/corporate/heading.png',
'/creative/heading.png',
'/earth/heading.png',
'/sea/heading.png',
'/classical/heading.png',
'/corporate/background.jpg',
'/creative/background.jpg',
'/earth/background.jpg',
'/sea/background.jpg',
'/classical/background.jpg',
etc
and have 1 page of this code called in by all pages in an easy to see and edit list? would really appreciate guidance with this, Hi guys, I'm trying to work on this code to make transportation an additional option when adding a reservation at http://morningstararuba.com/reservat...servation2.htm. But there must be some errors, I included part of the code, because it does not activate the selection box. Appreciate your help, thanks! Code: <tr> <td>Champagne:</td> <td><select name="champagne" size="1" disabled tabindex="16" onchange="javascript:total_cost(passangers,charter_request,champagne,cost)"> <option selected value="None">None</option> <option value="Freixenet">Freixenet</option> <option value="Veuve Cliquot">Veuve Cliquot</option> <option value="Veuve Cliquot Vintage">Veuve Cliquot Vintage</option> <option value="Moet Chandon Brut">Moet Chandon Brut</option> <option value="Moet Chandon Brut Rose'">Moet Chandon Brut Rose'</option> <option value="Moet Chandon Rose' Vintage">Moet Chandon Rose' Vintage</option> <option value="Dom Perignon">Dom Perignon</option> <option value="Dom Perignon Rose'">Dom Perignon Rose'</option> </select></td> </tr> <tr> <td>Transportation:</td> <td><select name="transportation" size="1" disabled tabindex="16" onchange="javascript:total_cost(passangers,charter_request,champagne,transportation,cost)"> <option selected value="None">None</option> <option value="Bentley Roundway">Bentley Roundway</option> </select></td> Here is my assignment http://www.sci.brooklyn.cuny.edu/~ci...omework3B.html Here is my html file, magic.html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <SCRIPT SRC="Project3B.js"> </SCRIPT> </head> <form name="sqaure"> <table border="1"> <tr><td><input type="text" id="a00" size="4"/></td> <td><input type="text" id="a01" size="4"/></td> <td><input type="text" id="a02" size="4"/></td></tr> <tr><td><input type="text" id="a10" size="4"/></td> <td><input type="text" id="a11" size="4"/></td> <td><input type="text" id="a12" size="4"/></td></tr> <tr><td><input type="text" id="a20" size="4"/></td> <td><input type="text" id="a21" size="4"/></td> <td><input type="text" id="a22" size="4"/></td></tr> </table> <button onclick="compute(sqaure);">check</button> </form> </div> </body> </html> Here is my .js file also properly named: Code: <!-- hide script from old browsers
function compute ( f )
{
var isDifferent=true;
var addsToSame=true;
if( (distinct ( create_square (f) ) ) == false)
{
isDifferent=false
}
if( (same_sum( create_square (f) ) ) == false)
{
addToSame=fa;se;
}
}
function create_square ( f )
{
Array = new Array(2);
Array [0] = new Array(2);
Array [0][0] = a00.value;
Array [0][1] = a01.value;
Array [0][2] = a02.value;
Array [1] = new Array(2);
Array [1][0] = a10.value;
Array [1][1] = a11.value;
Array [1][2] = a12.value;
Array [2] = new Array(2);
Array [2][0] = a20.value;
Array [2][1] = a21.value;
Array [2][2] = a22.value;
return Array;
}
function distinct(a)
{
var isDistinct=true;
var h=0;
var i=0;
var j=0;
for (h=0;h<3;h++)
{
for (i=0;i<3;i++)
{
for(j=0;j<3;j++)
{
if(isDistinct==true)
{
if(a[h][j]==array[i][j])
{
isDistinct=false;
}
}
}
}
}
if(isDistinct=false)
{
alert ("Not all numbers are distinct")
return isDistinct;
}
}
function same_sum(a)
{
var sum = 0;
var i = 0;
var TorF = true;
for (i=0;i<3;i++)
{
if (TorF == True)
{
if( var sum != 0)
{
if( sum != row_sum(a, i) )
{
TorF = false
}
}
else
{
sum = row_sum( a, i)
}
}
}
for (=0;i<3;i++)
{
if (TorF == True)
{
if(sum != col_sum(a, i) )
{
TorF = false
}
}
}
if(TorF == False)
{
alert ("Not all rows/columns add to same number")
return TorF;
}
}
function row_sum(a, r)
{
var total=a[r][0]+a[r][1]+a[r][2];
return total
}
function col_sum(array, i)
{
var total=a[0][c]+a[1][c]+a[2][c];
return total
}
// end hiding script from old browsers -->
Sorry if it looks really odd...i am not entirely sure on javascript, I sorta....partially writing the code based on my experience with C++, and I have heard that would punish me ofcourse...but...the program seemed easy enough. Anyway help would be appreciated...if someone could recommend me a program or something I could use for debugging for javascript that would also help. PS....the title is supposed to be "I did a lot of code kinda so I am hoping someone is willing to help me lol"...its late >.> What do you call this kind of javascript array? Code: var markers = [
{ lat: -33.85, lng: 151.05, name: "marker 1" },
{ lat: -33.90, lng: 151.10, name: "marker 2" },
{ lat: -33.95, lng: 151.15, name: "marker 3" },
{ lat: -33.85, lng: 151.15, name: "marker 4" }
];
markers[0].name= "wow I was able to do this";
I don't see any javascript documentation on this. Hi, I really need to know how to do this kind of websites. ( i don't know if this is the right place, so you can move it) This one is a train website, where the visitor pur the url with a picture of their tumblr or twitter just like this one http://www.tumbletrain.com/ Does anyone know how to do this kind of website? Do i need an application installer or is it just coding?? Also the other website is like a list where the visitor can put their link to their website, and it appears in the index page.. Just like this website http://tumblrplug.com/ What do i need to do it? Does anyone know? Do i need to use wordpress and some kind of coding?? I know about php coding, and web design, i'm not a novat but i just coudn't find out how to do those kind of websites.. Please can anyone help me? I'd really appreciated that.. Thank you Hi there everyone.. I have a little assignment due and I have been absent for a long time (wont go into details) but I'm sorta lost on how to do it. I'm sure it's really easy. Code: Scanner kbd = new Scanner(System.in);
System.out.println("\n\n"
+ "Box Drawing Program\n\n"
+ "When prompted, "
+ "enter the height & width of a box. "
+ "Enter a negative height\nto finish.\n\n");
System.out.print("Enter a height & width: ");
int height = kbd.nextInt();
while (height > 0) {
int width = kbd.nextInt();
kbd.nextLine();
drawBox(height, width);
System.out.print("Enter another height & width: ");
height = kbd.nextInt();
}
kbd.nextLine();
System.out.println();
"Now add a helper function named drawBox. It takes the height and width from main and prints a box of that size." "Here is a sample run: Box Drawing Program When prompted, enter the height & width of a box. Enter a negative height to finish. Enter a height & width: 4 7 ******* * * * * ******* Enter another height & width: 3 8 ******** * * ******** Enter another height & width: -1 " I know it's probably something easy, but I'm really lost.. Any help would be greatly appreciated. Edit: The box seems to mess up when I paste it, it should look like a rectangle, haha Issue 1 - Solved I have this workbook with multiple sheet. I need that the data from the mail sheet gets sorted to the other sheets based on the value in certain cells. https://docs.google.com/a/housing.co...it?usp=sharing IQT 3.0 is the main sheet The condition to copy the data is simple based on data if available in column I to N then the data in that full row should get copied to the sheets with the same name as these columns. multiple entries is possible if you look at the test data Row 2 has data available in 3 columns i,K&L now all the relavent data should get copied to the sheets with the same name as these columns & the data should go under the appropriate columns in these sheets. Issue 2 - Pending Need Help Each error sheet is worked upon by different teams is there a way to ensure that the status of the project in the main sheet cannot be made live till all errors for that particular project have the YES selected under Resolved & Passed by QC. If the Resolved & Passed by QC. are YES for each error in a particular project only then can the status in the main sheet be changed to LIVE & highlighted in green else it should show the status as PENDING only no colour. Once the Status is live then the project should be moved to the archive sheet & also removed from the error sheets so that the only projects visible are the ones pending to be resolved & sorted by process date. also need to ensure that no one except the sheet owner can delete the code or the sheet. Can Someone please help me with the script for making this work. This is a assignment I am having trouble with the required codes bring up a discount box displaying the output details dependent on the discount code used. I Belleive the While operator is used for this can someone please help me?I no my codes are probably all wrong but am desperate for help thanks For this part of the question you can assume that the user always inputs one of the three correct codes, FSSAVE, ISSAVE and SOSAVE. If (Discount code entered is FSSAVE) give discount one else if (discount code entered is ISSAVE) give discount 2 else if (discount code entered is SOSAVE) give discount 3 var discount; fSSAVE; iSSAVE; sOSAVE fSSAVE = 20p iSSAVE = 30p sOSAVE = 40p discount = window.prompt('Please enter a discount code,' Here'); Hello, I am trying to create an imageuploader for my forum hosted on domain forum.com (fictional domain name) The image uploader is hosted on domain uploader.com (fictional domain name) When the uploader is done i want info to be passed from the uploader to the texteditor on the forum using javascript. I tried everything i could think of with document.getElementById but to no avail. The element on the forum is clickableEditor.textarea Is it possible and if so, can someone please help me out? I am trying to re-write a script that I found on w3schools. The script should check whether ALT key was pressed or not. My objective is not to use any inline scripts and to refer to the event within a function. My script is not working. Could someone please have a look at it and help me? Thank you very much <code> <!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> <title> Event Object</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <script type="text/javascript"> function general() { document.getElementsByTagName("body")[0].onmousedown=function() { if(document.getElementsByTagName("body")[0].onmousedown.altKey==1) { alert("You pressed Alt key"); } else { alert("ALT key was not pressed"); } } } window.onload=general; </script> </head> <body> <p> Click somewhere in the document, we will tell you whether or not you pressed ALT key </p> </body> </html> </code> I am not super familiar with code - I can easily take code and with a little direction get the desired end result so anyone who can help me with this it will be VERY appreciated. I don't even know what terms to search in order to create a page that I am looking for.... So here goes: I want to model our distributor page after a R E D K E N.com Distributor Locator Page. Here is what happens.... There is a drop down menu of the 50 states, and when you select the state the table of information below changes. screen shots below I am sure this is fairly easy to resolve, however I don't know where to begin. Thank You in advance for your time. Kristi Ok, for starters I'm not a beginner and my website is running under standards mode (not quirks). When my site loads I perform: Code: window.location.replace(window.location.href + "#encodedstuff"); The effect being that no new history points are created and the very first history point now includes some encoded info in the hash. When the user closes and relaunches IE8 and then chooses "reopen last browsing session" I expect IE to make the request for the page including the hash value. It does NOT! It simply makes the request for the URL without the hash (and then adds the hash as the next history point). I need help figuring out why and if there is a way to accomplish this without needing to add a parameter to the location get request (which will cause my site to reload upon launch if this parameter is not already set... I don't want it doing that). Please note that the browser DOES behave if I copy the new URL, including the hash value and paste it into a new tab (closing the old tab). When I relaunch IE8 and reopen the previous session it does make the request with hash value and my site is able to get the required info out of the hash. It only fails for a tab that initially did not have a hash and my script performs the above location.replace. Solving this is critical for my application, so I seriously appreciate any help! Hi, In our static few page website, when user open the home page, I want to open one "prompt" kind of window with my own input fields: e.g. One Simple Text Line One anchor link to external link One Text Box to input product key Ok Button Cancel Button. I want this "prompt" kind of window compulsory to attend. Means user will not be able to access the page without responding this window. According to user button pressed "OK" or "Cancel", I want to display the corresponding text in the home page. In short, it will be close to the "window.prompt" but customized and compulsory to respond. Thanks, |
|||||||