|
JavaScript - Retrieving Text From Html After? For Form
HI I have set up a page passing information.. eg anything.htm?the text and I am trying to retrieve it into a form field ie pre fill a box. What I cant seem to work is to get the text after the ? into prefilled text for the field I can print it with document.write.
I am trying to get it into (or something similar) <textarea rows="4" name="products" cols="49"> XXXX here text after htm? XXXX </textarea>. Hope this makes sense and I appreciate any help and time. Similar TutorialsI have a form with two text input boxes. I want to limit the text typed into the boxes as follows: 1. Either box can have the number 2 typed in, but the other box must remain empty OR 2. Each box can have the number 1 typed into Is this possible with JS and, if so, how do I do it?? Hello, I have 2 things I'm trying to figure out. 1. First form on the page has questions with radio buttons. Each radio's value is a number so a score is assessed at the end. 2. Second form on the page is an email the admin form, which duplicates the score in one field. Question: I would like to know how to write the form results to a text area in second form. However, I can't do this for one, and secondly, the value is a number, can I use labels? Here's the code I've 'made up' so far... JS (i know it's wrong) Code: <script LANGUAGE="JavaScript" type="text/javascript">
function display() {
message = "<ul><li><b>Question 1: </b>" + document.quizform.Q1.label;
message = "<li><b>Question 2: </b>" + document.quizform.Q2.label;
message = "<li><b>Question 3: </b>" + document.quizform.Q3.label;
message = "<li><b>Question 4: </b>" + document.quizform.Q4.label;
message = "<li><b>Question 5: </b>" + document.quizform.Q5.label;
message = "<li><b>Question 6: </b>" + document.quizform.Q6.label + "</ul>";
document.write(message);
}
</script>
Form field example: Code: Question 1:<BR> <label for="Yes"><input type="radio" name="Q1" value="0" checked></label>Yes<br> <label for="No"><input type="radio" name="Q1" value="10"></label>No<br> <label for="I don't know"><input type="radio" name="Q1" value="10"></label>I don't know<br> If I have a javascript var in a webpage(html form textarea VALUE - yui) that contains html code, and want to appear it, in confirmformpage.php, then how to transfer it...? is it really needed go via PHP ...? and ofcourse use innerHTML to write it....yes I usually use an intermitened processform.php script. http://developer.yahoo.com/yui/editor well title says it all i have a search form, and the default value is "enter text here" when the user click the submit button, i would like to check if the value of my text input is "enter text here" and if it is, then don't submit the form (popup a warning or something) how can i do that? thanks a lot! I think this is a relatively simple problem, instead of hard coding the latitude and longitude in map.setCenter I need it to read it in from an XML file, like the the markers do below (.getAttribute("lat") and .getAttribute ("lng")). I hope this makes sense, I've tried changing the code around but I can't seem to make it work. Any help appreciated. Code: // create the map
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng( 49.4008,1.4941), 5);
// Read the data from example.xml
GDownloadUrl("example.xml", function(doc) {
var xmlDoc = GXml.parse(doc);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
// create the marker
var marker = createMarker(point,label,html);
map.addOverlay(marker);
}
I had post this problem before, dealing with the shopping cart application. The application so far does everything that i would like it to do. I'm able to store and retrieve the cookies. But right now, my problem is extracting the individual values from the cookies and placing them into a table i have created. This is the format of the cookie when retrieved. ItemName = quantity$price. what i am trying to do is retrieve the quantity and price values from the cookie, and display that data into my table. the cookie is being created in my store page, and then retrieved and displayed in my cart page. here is the code for my store page store.html 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" xml:lang="en"
lang="en">
<head>
<title> Store </title>
<h1> My store </h1>
<script type="text/javascript">
function retr(circle)
{
var cke = document.cookie.split(';');
var nameCk= name + "=";
for(var i=0; i < cke.length; i++)
{
var c = cke [i];
while (c.charAt(0)==' ') c = c.substring(1,
c.length);
if (c.indexOf(nameCk) == 0) return
c.substring(nameCk.length, c.length);
}
return null;
}
function createCookie()
{
var exdate = new Date();
exdate.setDate(exdate.getDate() +10);
if (document.getElementById("circle").checked)
{
document.cookie = "Circle=" + document.getElementById
("quantity1").value + document.getElementById("price1").value +
";expires="+exdate.toGMTString();
}
}
function retrieve()
{
if (document.getElementById("circle").checked)
{
document.getElementById("ret").value = document.cookie;
}
}
function Calc()
{
var fpri = document.getElementById("price1").value;
var pri = fpri.substr(1);
var qty = document.getElementById("quantity1").value;
var spri = document.getElementById("price2").value;
var pri2 = spri.substr(1);
var qty2 = document.getElementById("quantity2").value;
if (document.getElementById("circle").checked)
{
document.getElementById("total").value ='$' + Number(pri) *
Number(qty);
}
else
document.getElementById("total").value = '$' + Number(pri2) *
Number(qty2);
}
</script>
</head>
<body>
<table border = "1">
<tr>
<td> <input type="checkbox" id="circle" /> Circle </td>
<td> <img src="circle.jpg"> </img> </td>
<td> Price: <input type="text" size="4" value = "$10.00"
id="price1" name = "price1" /></td>
<td> Quantity: <input type="text" size = "4"
id="quantity1"/></td>
</tr>
<tr>
<td> <input type = "checkbox" id="stickman" /> Stickman </td>
<td> <img src = "stickman.gif"> </img> </td>
<td> Price: <input type="text" size="4" value = "$5.00"
id="price2" /> </td>
<td> Quantity: <input type="text" size="4" id="quantity2" />
</td>
</tr>
</table>
<br />
<input type = "button" value = "Add to cart"
onclick="createCookie()">
<br />
<br />
<a href ="cart.html" > View Cart </a>
<br />
<input type = "text" size = "8" id = "total" readonly = "readonly"
/> Total
<br />
<input type = "button" id = "calcu" value = "calc" onclick = "Calc
()" />
<input type = "button" value = "retrieve" onclick = "retrieve()" />
<input type = "text" readonly = "readonly" name = "ret" id =
"ret"/>
</body>
</html>
the calculate and retrieve buttons, and the readonly text boxes are there just so i know the cookie is being stored and retrieved, and that i'm able to get the total, which will be displayed on my cart page. here is the code for my cart page cart.html Code: <html>
<head>
<title> Cart </title>
<h1> My cart </h1>
<script type = "text/javascript">
function retr(circle)
{
document.getElementById("q2").value = document.getElementById("quantity1").value
}
function retrieve()
{
var quvalue = retr("circle")
if (quvalue != false) {
document.getElementById("q2").value = quvalue
}
document.getElementById("ret").value = document.cookie;
}
</script>
</head>
<body onload = "retrieve()">
<table border = "1">
<td>Stickman </td>
<td><input type = "text" size = "8" id = "q2" readonly =
"readonly" /></td>
<td id ="p1"> price per </td>
<td id ="t1"> total </td>
<tr> </tr>
<td> Circle </td>
<td> quantity order </td>
<td> price per </td>
<td> total </td>
<tr> </tr>
<td colspan = "3"> TOTAL: </td>
<td> total price </td>
</table>
<br /> <br />
<input type ="text" id = "ret" readonly = "readonly" />
<br / > <br />
<input type = "button" value = "Checkout">
<br /> <br />
<a href = "store.html" > Continue Shopping </a>
</body>
</html>
the values that are supposed to be retrieved in the table are invoked using the onload event attribute which is suppose to call the retrieve() function. Hello all, Sorry if this may seem like a silly question, I have searched but not really to sure how to word what I am searching for as I don't know if I am going the right way around it! Basically, I am looking to insert a keyword in to a javascript alert box when someone visits my website, so say they came from codingforums.com, it would say "Welcome, CodingForums.com Visitor". My keyword will be passed from the ad platform I am working with and shows up correctly in the tracking, so I'd imagine it's just a case of having the snippet of code for it to show in the alert, correct? If there is no keyword, I would just like it to say "Welcome Visitor" or something. How do I go about this? Thank you in advance for any help. I am a beginner. I am trying to create a script to randomly assign recipients to givers for a Secret Santa. The participants are placed into groups. A giver cannot be assigned a recipient with whom he is grouped. I want to return all of the assignments in a table. I have made the following script. When I run it, it seems to get stuck in a loop. Any ideas why this might be? If you have any questions about how I want this thing to run, feel free to ask. Your help would be greatly appreciated. Code: <html>
<head>
<script type="text/javascript">
var giver = new Array();
giver[0] = new Array("CL","BL");
giver[1] = new Array("LP","JP","BP");
giver[2] = new Array("JO","MO");
giver[3] = new Array("JC","TC");
var recipient = new Array();
recipient[0] = new Array("none","none");
recipient[1] = new Array("none","none","none");
recipient[2] = new Array("none","none");
recipient[3] = new Array("none","none");
var string = "<table><tr><td>Giver</td><td>Recipient</td></tr>";
function chooseRecipient() {
var x;
for (x in giver) {
var y;
for (y in giver[x]) {
var a = Math.floor(Math.random() * giver.length);
while (recipient[a].indexOf("none") < 0 || a == x) {
a = Math.floor(Math.random() * giver.length);
}
var b = Math.floor(Math.random() * giver[a].length);
while (recipient[a][b] != "none") {
b = Math.floor(Math.random() * giver[a].length);
}
recipient[x][y] = giver[a][b];
string += "<tr><td>" + giver[x][y] + "</td><td>" + recipient[x][y] + "</td></tr>";
}
}
string += "</table>";
document.write(string);
}
</script>
</head>
<body onload="chooseRecipient()">
</body>
</html>
So basically, I have this side bar with a whole bunch of links and I wish to load content into a div directly across from it. The links will be hashes (eg example.com/#foo/bar), then the JavaScript loads the content either into a div and updates a SPAN with the page name. I only have the iFrame version so far, so can someone help me on how to improve this and actually load the content instead of an iFrame? So far I have this code: Code: <script>
function goto(url) {
if (location.hash != url) {
window.location = url;
document.getElementById("pgname").innerText = "loading...";
}
}
function setPage() {
var hash = location.hash;
if (hash=="#foo") {
document.getElementById('pgname').innerHTML = 'Foo';
document.getElementById('pglocation').innerHTML = hash;
window.frames['content'].location.href = "blablah/foo.php";
}
if (hash=="#foo/bar") {
document.getElementById('pgname').innerHTML = 'Foo</b> > <b>Bar';
document.getElementById('pglocation').innerHTML = hash;
window.frames['content'].location.href = "doo/moo/23.htm";
}
}
</script>
<body onhashchange="setPage();">
<a href="javascript: goto('#foo')">foo</a><br />
<a href="javascript: goto('#foo/bar')">foobar</a><br />
<a href="javascript: alert(location.hash + ' || ' + location);">Info</a><br />
<a href="javascript: goto(location.hash);">Goto</a><br /><br />
<b><span id="pgname">Home</span></b><br />
example.com/<span id="pglocation"></span><br />
<iframe id="content" src="index.php" />
Hi, I'm new to this forum so please forgive me on any errors I may have made. I am working on a simple site for the company that I work for that allows a customer to input a 5 digit code in and returns what prize they have won. I found some code on a website which done the trick but it doesn't work in Chrome and Safari. My Javascript knowledge is extremely limited but I think I've narrowed it down to the "document.implentation.createDocument" line although the few fixes I've found, I can't get to work. Here is the code I have at the moment before I applied the fixes (this works in FF and IE). Code: <script type="text/javascript">
window.onload = loadIndex;
function loadIndex() { // load indexfile
// most current browsers support document.implementation
if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("", "", null);
xmlDoc.load("results.xml");
}
// MSIE uses ActiveX
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
xmlDoc.load("results.xml");
}
}
function searchIndex() { // search the index (duh!)
if (!xmlDoc) {
loadIndex();
}
// get the search term from a form field with id 'searchme'
var searchterm = document.getElementById("searchme").value;
var allitems = xmlDoc.getElementsByTagName('item');
results = new Array;
if (searchterm.length < 4) {
alert("Please re-check and enter your 5 digit code");
} else {
for (var i=0;i<allitems.length;i++) {
// see if the XML entry matches the search term,
// and (if so) store it in an array
var name = allitems[i].lastChild.nodeValue;
var exp = new RegExp(searchterm,"i");
if ( name.match(exp) != null) {
results.push(allitems[i]);
}
}
// send the results to another function that displays them to the user
showResults(results, searchterm);
}
}
// Write search results to a table
function showResults(results, searchterm) {
if (results.length > 0) {
// if there are any results, write them to a table
document.write('<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link href="cno-competition.css" rel="stylesheet" type="text/css" /></head><body>');
document.write('<div id="container"><div id="logo"></div><div id="prizeContent"><img src="media/new-york.jpg" width="750" height="500" alt="New York" />');
for(var i=0; i<results.length; i++) {
document.write('<h1>Congratulations</h1><p>You entered prize code <b><i>'+searchterm+'</i></b> and have won a <span style="font-weight:bold; color:#75ACC1">' + results[i].getAttribute("prize") + '</span>.</p>');
}
document.write('<p>To claim your prize please contact the Complete Night Out team on 01908 544445.</p>');
document.write('</div></div></body></html>');
document.close();
} else {
// else tell the user no matches were found
var notfound = alert('No results found for '+searchterm+'! Please re-check and enter your 5 digit code');
}
}
</script>
The fix I found added the below into the code but I couldn't get it to work using this. Link here. Code: var xmlhttp = new window.XMLHttpRequest();
xmlhttp.open("GET","results.xml",false);
xmlhttp.send(null);
xmlDoc = xmlhttp.responseXML.documentElement;
Any help would be much appreciated. If you would like to see the site live please click here Thank you. Kishan So I have a site, It has a few paragraphs. When a customer presses a href, or a navigation link, I want that block of text to change to a different set of paragraphs. For instance Ive got a Div set for the main block of text with general information. When they click a link at the top, I want this text to change to something else, without having to reload the entire page or create a completely new HTML file. I have read on innerhtml and setting particular elements but I cant find any good online resources for using a simple link rather than a button to change a block of text In essence Set block of text to be element "old text" Set block of new text to be element "new text" ( all the while not showing this text on the page until the link is pressed) Classify href as trigger to replace old text with new text. BAM, victory! Any help would be greatly appreciated. Here's my HTML: 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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>The Happy Hoppin' Hotel</title> <script src="happyhoppin.js" language="javascript" type="text/javascript"></script> </head> <body> <h1>The Happy Hoppin' Hotel Checkout Page</h1> <h2>Fill out the form below to calculate balance due</h2> <form> Guest ID Number: <input type="text" id="guestID" /> <br /> <br /> Room Type: <select id="roomType"> <option></option> <option>Parlor</option> <option>Single</option> <option>Double</option> </select> <br /> <br /> Length of Stay: <input type="text" id="stayLength" /> <br /> <br /> Number of Drinks: <input type="text" id="drinkNumber" /> <br /> <br /> Number of Towels: <input type="text" id="towelNumber" /> <br /> <br /> Number of Flushes: <input type="text" id="flushNumber" /> <br /> <br /> Bug Complaints?: <br /> <form name="bugComplaintRadio"> <input type="radio" name="bugComplaint" value="No" />No</label> <br /> <input type="radio" name="bugComplaint" value="Yes" />Yes</label> <br /> </form> <br /> Customer Comments: <br /> <textarea name="customerComment" cols="50" rows="5">Enter your comments here...</textarea> <br /> <br /> <input type="button" onclick="calculateBill()" value="Calculate Bill"> </form> </body> </html> Here's my Javascript: Code: const parlorPrice = 80;
const singlePrice = 100;
const doublePrice = 150;
const drinkPrice = 5;
const towelPrice = 3;
const flushPrice = 1;
var guestID = 0;
var roomPrice = 0;
var stayLength = 0;
var drinkNumber = 0;
var towelNumber = 0;
var flushNumber = 0;
var totalDue = 0;
var totalCharge = 0;
function calculateBill(){
validateForm();
//roomType//
if(roomType == "Parlor"){
roomPrice = parlorPrice;
}
if(roomType == "Single"){
roomPrice = singlePrice;
}
if(roomType == "Double"){
roomPrice = doublePrice;
}
//roomType//
//drinkCharge//
drinkCharge = drinkNumber * drinkPrice;
//drinkCharge//
//towelCharge//
towelCharge = towelNumber * towelPrice;
//towelCharge//
//flushCharge//
flushCharge = flushNumber * flushPrice;
//flushCharge//
//totalCharge//
totalCharge = roomPrice + drinkCharge + towelCharge + flushCharge;
//totalCharge//
//**bugDiscount**//
function getCheckedRadio() {
bugValue = "";
bugLength = document.bugComplaintRadio.bugComplaint.length;
var bugDiscount = 0;
for (x = 0; x < bugLength; x ++) {
if (document.bugComplaintRadio.bugComplaint[x].checked) {
bugValue = document.bugComplaintRadio.bugComplaint[x].value;
}
}
if (bugValue == "") {
alert("You did not choose whether you had a bug complaint or not");
}
if (bugValue = "No"){
bugDiscount = 0;
}
if (bugValue = "Yes"){
bugDiscount = 20;
}
}
//**bugDiscount**//
getCheckedRadio();
//totalDue//
totalDue = totalCharge + bugDiscount
//totalDue//
displayBill();
}
function validateForm(){
//guestID//
guestID = parseInt(document.getElementById("guestID").value);
if(isNaN(guestID)){
alert("Guest ID must be a number");
return;
}
if(guestID <= 0){
alert("Guest ID must be greater than zero");
return;
}
//guestID//
//roomType//
roomType = document.getElementById("roomType").value;
if(roomType == ""){
alert("Room type must be selected");
return;
}
//roomType//
//stayLength//
stayLength = parseInt(document.getElementById("stayLength").value);
if(isNaN(stayLength)){
alert("Length of stay must be a number");
return;
}
if(stayLength <= 0){
alert("Length of stay must be greater than zero");
return;
}
//stayLength//
//drinkNumber//
drinkNumber = parseInt(document.getElementById("drinkNumber").value);
if(isNaN(drinkNumber)){
alert("Number of drinks must be a number");
return;
}
if(drinkNumber <= 0){
alert("Number of drinks must be greater than zero");
return;
}
if(drinkNumber > 25){
alert("Number of drinks has exceeded 25");
return;
}
//drinkNumber//
//towelNumber//
towelNumber = parseInt(document.getElementById("towelNumber").value);
if(isNaN(towelNumber)){
alert("Number of towels must be a number");
return;
}
if(towelNumber <= 0){
alert("Number of towels must be greater than zero");
return;
}
//towelNumber//
//flushNumber//
flushNumber = parseInt(document.getElementById("flushNumber").value);
if(isNaN(flushNumber)){
alert("Number of flushes must be a number");
return;
}
if(flushNumber <= 0){
alert("Number of flushes must be greater than zero");
return;
}
//flushNumber//
//customerComment//
customerComment = document.getElementById("customerComment");
//customerComment//
}
function displayBill(){
var newPage = "<html><head><title>Billing Summary</title></head>";
newPage += "<body><h1>Happy Hoppin Hotel</h1>";
newPage += "<h2>Guest Billing Statement</h2>";
newPage += "Guest Identification: #" + guestID;
newPage += "<br />";
newPage += "Room Type: " + roomType;
newPage += "<br />";
newPage += "Room Charge: $" + roomPrice;
newPage += "<br />";
newPage += "Length of Stay: " + stayLength + " days";
newPage += "<br />";
newPage += "Drink Charge: $" + drinkCharge;
newPage += "<br />";
newPage += "Towel Charge: $" + towelCharge;
newPage += "<br />";
newPage += "Flushing Charge: $" + flushCharge;
newPage += "<br />";
newPage += "Total Charge: $" + totalCharge;
newPage += "<br />";
newPage += "Discount: $" + bugDiscount;
newPage += "<br />";
newPage += "Total Due: $" + totalDue;
newPage += "<br />";
newPage += "<h3>Come back and visit us again at the Happy Hoppin' Hotel!</h3>";
var z = window.open("","","width=400,height=500");
z.document.write(newPage);
z.document.close();
}
My question is, I've been spending countless hours trying to: 1. Make two radio buttons indicating "No" and "Yes", 2. Retrieve which selection the user has made, 3. Change the value of "bugDiscount" or the amount of money ($20 or $0) depending on which choice the user made; $0 for No & $20 for Yes. 4. Subtract the value of bugDiscount (0 or 20) from the totalCharge to get TotalDue I know I'm close, but I've tried any number of variations in my code and I still can't seem to get it right. Can anyone help? Hi, I have a text area that I want to add simple html formatting buttons to. The user should be able to: - highlight text and click a 'bold' button - highlight text and click 'itallic' button - Add bulleted list - Link I've looked at a number of WYSIWYG javascript examples, but they seem to accept Microsoft Word formatting, which I dont want. hey guys i dont know if this is javascript or not but i need text in a message body form to instruct people what to write about and then i need it to dissappear once the user clicks into it heres the link, http://www.blusmash.com/test The "Message" text box need to have stuff in it thanks! Hello everyone, I'm hoping that somebody can point me in the right direction. What I need to do is create a form which people enter text, and it displays over an image immediately on the same page. I have seen this done on so many different websites and can only assume that it's Javascript or Jquery that makes it work. I have seen it work where people enter the desired text, click update, and the text is then displayed over the image, but I've also seen it work where clicking update is not required, and the text is displayed automatically. If anybody can direct me to a script which does this, I'd be very grateful. Any help is appreciated! Many thanks, MG Dear all, Can anyone help me with this… I do not know if this is possible to be done… Instead of text: "Your favorite color is <b>Green</b> right?" I need to show form like this: Code: <form action="auto.htm" method="get" > Your state<br> <select name="statecode" id="statecode"> <option value="">Choose State...</option> <option value="AK">Alaska</option> <option value="AL">Alabama</option> <option value="AR">Arkansas</option> </select> <input type="submit" name="search" value="Get Quotes" /> </form> Thank you in advance This is code I wish to modify. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body {
padding:0;
height:100%;
}
#right {
width:500px;
height:100%;
background-color:#999;
text-align:center;
float:right;
}
#left {
height:100%;
margin-right:500px;
background-color:#f00;
text-align:center;
}
</style>
<script type="text/javascript">
function change()
{
switch (document.getElementById("select").value)
{
case "1":
document.getElementById("change").innerHTML = "Your favorite color is <b>Green</b> right?"
break;
case "2":
document.getElementById("change").innerHTML = "Your favorite color is <b>Red</b> right?"
break;
case "3":
document.getElementById("change").innerHTML = "Your favorite color is <b>Yellow</b> right?"
break;
}
}
</script>
</head>
<body>
What is your favorite color
<select onchange="change()" id="select">
<option value="">------</option>
<option value="1">Green</option>
<option value="2">Red</option>
<option value="3">Yellow</option>
</select>
<div id="change" style="margin:10px;width:200px;height:100px;padding:5px;">
Original Text
</div>
</body>
</html>
Hey guys, I have a script which adds more text fields to a div in a form, but when it adds a new field the text in the others is cleared. :S http://martynleeball.goodluckwith.us/ 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" /> <title>Draw Somthing - Word Guess</title> <script type="text/javascript"> function add_field(obj, count) { //Count how many fields there is so the correct number can be added to the ID var form_name = document.getElementById(obj); var inputs = form_name.getElementsByTagName('input'); var g = 1; //alert("Container: " + obj + ". Inputs: " + inputs.length); for ( var i = 0; i < inputs.length; i++) { var node = inputs[i]; if (node.getAttribute('type') == 'text') { g++; } } //Field to add to the form if (!count) { if (g < 9) { var text_field_html = "<input type=\"text\" id=\"input" + g + "\" name=\"input" + g + "\" /><input type=\"button\" value=\"X\" onClick=\"remove_field(\'text_field_container\', this)\" id=\"close" + g + "\"/>"; form_name.innerHTML += text_field_html + "<br id=\"br_" + g + "\" />"; } } } function remove_field(parent_id, r_obj) { var parent = document.getElementById(parent_id); var child = document.getElementById(r_obj.id); var num = r_obj.id.charAt(r_obj.id.length-1); var child2 = document.getElementById('input' + num); var child3 = document.getElementById("br_" + num); parent.removeChild(child); parent.removeChild(child2); parent.removeChild(child3); } </script> </head> <body> <br /> <form id="add_words" action="test.php" method="post"> <div id="text_field_container"> <input type="text" id="input1" name="input1" /><input type="button" value="X" id="close1" onClick="remove_field('text_field_container', this)"/> <br id="br_1" /> </div> <input type="button" value="Add more..." onclick="add_field('text_field_container')" /> <input type="submit" value="Submit" onclick="" /> </form> </body> </html> Hey I was just wondering how I could do this... I currently have this Code: <span id="span_1">Title</span> What I want to know is if the span is something like 240px in width how can I make it so if the text inside the span tag is to long and puts the text onto a second line how can i make a cut off point in the text to stop the text moving to a new line and adding '...' if the text is to long?? |
|||||||