JavaScript - Remove Style From Selected(highlighted) Span/text In Div

Ok, so i got two buttons made with css, that i want to link to two different text that will appear in a <div> when i press them.
Quote:
<a href="#" class="title4"value="Click" onclick="document.getElementById('introduktion').innerHTML=''"/>
Introduktion </a>
<a href=".pdf" class="title4" >
CV </a>
<a href="#" class="title5"value="Click" onclick="then var name =.innerHTML;document.getElementById('presentation').innerHTML=''"/ >Presentation
</a>
</div>
<div class="post">


<div class="text" style="; height:387px; width:400px; overflow:auto;">

<br>
<span id="introduktion" href="#">

<font size="2"> text 1

</span>


<span id="presentation" href="#">text 2 </span>
The button works, but when i press them more than once everything disappears... Do anyone have any idea on how to solve this problem?

I am trying to update the text in a span with a date (which is working fine), but I also want to format that date before it is updated in the span. For example, in the text area I input a date (format: YYYY-MM-DD HH:MM:SS), and I'd like to output between the span tags M-D-YYYY. Does that make sense? I'm totally lost here and hoping someone can help me out.

Here is the javascript.

Code:

function show_post_date() {
	var ele = document.getElementById("post_date");
	var text = document.getElementById("new_post_date");
	
	// Get the date value, then format it
	var formatted_date = ele.value;

	// THIS IS WHAT I'VE TRIED, BUT NOTHING IS UPDATED INTO THE SPAN IF I INCLUDE THIS
	var curr_date = formatted_date.getDate();
	var curr_month = formatted_date.getMonth();
	var curr_year = formatted_date.getFullYear();
	formatted_date = curr_date + "-" + curr_month + "-" + curr_year;
	// END SECTION OF WHAT I'VE TRIED

	if(ele.value != "") {
		text.innerHTML = formatted_date;
  	}
}

Here is the element

Code:

When: <span id='new_post_date' style='font-weight:bold;'></span>
<input type="text" name="post_date" id="post_date" value="" onChange='show_post_date()' />

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??

Is there a way to call javascript functions based on the text between a span element?

In other words if I have <span id="mySpan">Bronze</span> then it will call a javascript function but if I have <span id="mySpan">Silver</span> then it will call a different function?

Thanks!

I have a select box with a few options.
When the page loads I need to get the selected option in this select box and alert its inner text.

Yet everything I try out on the net that should work wont work in IE, all other browser its fine.

Please can someone show me the TRUE and correct way to get the inner text of a option from a select box in IE?

Thanks!

I retrieve a list of links from a database using ajax, then I assign them to the innerHTML property of a div whose display property is set to "none" Then I set the display property to "display" to get a drop-down listbox.

The problem is the links in the list are all hilighted like they've been dragged over by a mouse.

How do I prevent these links from highlighting?

HI all,

I am new to this forum and really needs your help.
Please let me know how can I highlight a selected portion of an html document with javascript such that the selected portion is repeatedly shown highlighted on each and every page refresh.

Thanks & Regards,
Sumantra

I searched about this problem over Internet and found the same result many times, I found this example on stack overflow but this example didn't work in my project; I am making a toolbar with buttons that insert HTML tags around the selected text in a <textarea>, this exemple didn't work because when the user click on a button the selected text won't be selected anymore because <textarea> loses focus and selected text will be unselected, I am targeting Firefox and compatible browsers so you don't need to give me the IE code; jQuery codes are accepted; so, have you any idea?

How can I get the selected text of a textarea with JavaScript?

example:
Code:

<form name="reportForm">
<textarea name="report"></textarea>
<br />
<input type="button" onClick="GetSelectedText();" />
</form>

Thanks

IC

Hi everyone. I'm trying for a while to make a div with a title and a list that is highlighted with rollover. I've made a graphic to exemplify what I'm trying to make.



I have tried to use the BigTarget.js and the fitted.js without any luck. Can anyone help me on this please?

Thanks

Hi,

Can somebody help me with the coding. I have a long list of events and I want somebody to be able to select one of those events & there will be a text box that shows the address pertaining to the event selected. Exactly how this website did he http://svacpa.com/live-webinars-and-...-registration/

Please advise!

Thanks

--------------
Code:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MySite Registration</title>
</head>

<body>
<div style="width: 900px">
		<p>Registration</P
		
		<form method="post" action="http://mysite.com" name="Registration">
		<label id="Label1">First Name</label><input name="FirstName" type="text" /><br /><br />
		<label id="Label1">Last Name</label><input name="LastName" type="text" /><br /><br />
		<label id="Label2">Title</label><input name="Title" type="text" /><br /><br />
		<label id="Label3">Company</label><input name="Company" type="text" /><br /><br />
		<label id="Label5">Email</label><input name="Email" type="text" /><br /><br />
		<label id="Label4">Phone</label><input name="Phone" type="text" /><br /><br />
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">San Francisco, Wednesday, March 16 Breakfast</label><br /><br />	
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">San Francisco, Wednesday, March 16 Lunch</label><br /><br />
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">Santa Clara, Friday, March 18 Lunch</label><br /><br />
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">Santa Clara, Friday, March 18 Dinner</label><br /><br />
				<br />
<input name="Submit1" type="submit" value="Register Now" class="submit" />
<input type="hidden" name="redirect" value="http://www.mysite.com/regsuccess.html"/>
<input type="hidden" name="recipient" value="me@mysite.com"/>
<input type="hidden" name="required" value="FirstName, LastName, Email, Phone"/>
<input type="hidden" name="missing_field_redirect" value="http://mysite.com/regerror.html"/>
</form>
</div>
</body>

</html>

I'm taking a beginning javascript class and have been trying to figure out one last part of a homework assignment and am just not seeing how to work it out. Any help is greatly appreciated!

What I'm having trouble with is doing the text verification. When a user selects an option from the select list they then need to type in the text area given. If the user doesn't type the word selected in the list then an error message should appear under the text area. If you look at my code you'll see that I have the text_check() function doing the verification. I can get it to work when there is only one option but once I add the other two it stops working. I've tried if... else and other variations, but can't seem to nail it down. Thanks!

Code:

function select_function()
{
 var medical=document.getElementById("medical_list")
 var selected_item=medical.selectedIndex
 if (selected_item==0)
 {
 	document.getElementById("enter_info").innerHTML="Enter Your" +"<span style='color:blue'>" +" Medication" + "</span>"+ " Information"
	var comments=document.getElementById("comments");
	comments.focus();
	
 }
 if (selected_item==1)
 {
 	document.getElementById("enter_info").innerHTML="Enter Your" +"<span style='color:blue'>" +" Hospitalization" + "</span>"+ " Information"
	var comments=document.getElementById("comments");
	comments.focus();
 }
 if (selected_item==2)
 {
 	document.getElementById("enter_info").innerHTML="Enter Your" +"<span style='color:blue'>" +" Physician" + "</span>"+ " Information"
	var comments=document.getElementById("comments");
	comments.focus();
 }
 
}

function text_check()
{
  var user_comments=document.getElementById("comments").value.toLowerCase(); 
	var med_comment=user_comments.indexOf('medication');
	var hosp_comment=user_comments.indexOf('hospitalization');
	var phys_comment=user_comments.indexOf('physician');	

 	mySelectList = document.getElementById("medical_list");
 
 	if (mySelectList.value='Medication' && med_comment==-1) 
	{
	 document.getElementById("word_error").innerHTML="You need to have the word,"+"<span style='color:red'>"+" Medication"+"</span>"+" somewhere in the text"; 
	}
	
	if (mySelectList.value='Hospitalization' && hosp_comment==-1)
 	{
 		document.getElementById("word_error").innerHTML="You need to  have the word,"+"<span style='color:red'>"+" Hospitalization"+"</span>"+" somewhere in the text";
	}	
	
	if (mySelectList.value= 'Physician' && phys_comment==-1)
	{
 	 document.getElementById("word_error").innerHTML="You need to have   the word,"+"<span style='color:red'>"+" Physician"+"</span>"+" somewhere in the text";
	}
}
	
function submit_alert()
{
 alert("You submitted the form")
}

function clear_error()
{
 document.getElementById("word_error").innerHTML=""; 
}

function changeDR()
{
 var my_textarea=document.getElementById("comments");
 
 var comment_string=my_textarea.value;
 
 var doctor=comment_string.indexOf('Dr.');

 var comment_string2='';
 
 if (comment_string < 0)
 {
 	comment_string2=comment_string
 } else {
 	 			comment_string2=comment_string.replace('Dr.','Doctor')
 }
 my_textarea.value=comment_string2;
 
}
</script>
</head>
<body style="background-color: silver">
<h2>Medical History</h2>

Select Category: <br>
<select id="medical_list" onChange="select_function();">
<option>Medication</option>
<option>Hospitalization</option>
<option>Physician</option>
</select>
<br><br><br>

<div id="enter_info">Enter Your <font color="blue">Medication</font> Information:</div>
<br>

<form method="post" action="">
<textarea id="comments" cols="60" rows="15" onBlur="text_check();" onFocus="clear_error();" onkeyup="changeDR();">
</textarea><br>
<div id="word_error"></div><br>
<input type="submit" value="Submit Information" onClick="submit_alert();"/>
</form>


</body>
</html>

I'm trying to set the contact form on http://gspbuzz.com/test to remove the text when a user clicks it. Any idea how I can accomplish this?

Here is my validation script from dreamweaver i also have it in php for server side. But I trying to get a checkbox to make a text field required when you select it. Right now I have it so when you hit submit whether the text field is filled out or whether the checkbox is selected or not the error message comes up no matter what i do please help.

the link to the page is http://www.mark-10.com/inquiries2

Code:

function validateCheckbox() {
if(document.forms["form1"].sales.checked) {
  if(document.forms["form1"].telephone.value.length < 12) { // xxx-xxx-xxxx
    return false	;
   }
  else {
    return true;
   }
}
}

function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    }
	 if(!validateCheckbox()) {
       errors+="If checkbox checked, please include telephone number";
     }
if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
} }




//-->

want to get selected text and image values .Since there is an randomly changed text and image on my page.I used window.getSelection() but this will return only selected text values not images ..so please guide me to solve this problem.