Forum:

HTML Pages with CSS and JavaScript

How to retrieve string representation of <INPUT> value?

Greenhorn

Posts: 11

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

As the topic describes, how is it done?

I thought that by default, the value of a form input field is a string. I need to retrieve substrings of the input string but I have not been able to achieve that.

Any ideas?

For instance, say I have the following INPUT tag.

If I copy and paste the code below from a YouTube page into the INPUT tag, I would like to parse it later on with Javascript. I assume that it would be stored as a string.

How do I do this?

Bauke Scholtz

Ranch Hand

Posts: 2458

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

You can access the value of the input element by element.value.

Daniel Martin

Greenhorn

Posts: 11

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Yes, I know that. I am using that to pass the value into a Javascript function. In the function is where I am having problems.

Bear Bibeault

Sheriff

Posts: 67693

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Form submission has nothing to do with JavaScript. I assume you are trying to do something with the value before the form is submitted?

If so, you'll need to be more specific about whatever problems you are having.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Bauke Scholtz

Ranch Hand

Posts: 2458

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Daniel Martin wrote:Yes, I know that. I am using that to pass the value into a Javascript function. In the function is where I am having problems.

Please elaborate about those problems then. As far now it's all too vague. What are the functional requirements? What do you have? What happens now? What happens not? What do you want to end up?

Daniel Martin

Greenhorn

Posts: 11

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Sorry, I don't know of a good way of explaining it but I'll try to expand on what I said on the first post. I have an open source HTML editor that I got from http://www.openwebware.com/. I am trying to add further functionality to it, like the ability to add YouTube videos, Java Applets, templates, and so on.

I already created the YouTube button. When pressed, a popup page shows up by the following code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>openWYSIWYG | Embed YouTube Video</TITLE>
</HEAD>

var qsParm = new Array();

/* ---------------------------------------------------------------------- *\
  Function    : insertYouTube()
  Description : Inserts YouTube video into the WYSIWYG.
\* ---------------------------------------------------------------------- */
function insertYouTube() {
	
	var n = WYSIWYG_Popup.getParam('wysiwyg');
	
	// get the YouTube video code
	var source = document.getElementById('code').value; 
	WYSIWYG.insertYouTube(source, n); 
	window.close();
}
</SCRIPT>

<BODY bgcolor="#EEEEEE" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" onLoad="retrieveWYSIWYG();">
<table border="0"   ><tr><td>
 	<SPAN style="font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold;">Insert YouTube Video.</SPAN>
 	<table  border="0"   >
 		<tr>
 			<td >Source:</td>
 			<td><INPUT type="text" name="youtube_source" id="code" value=""  style="font-size: 10px; width: 100%;"></td>
 		</tr>
 	</table>
 	<DIV align="right" style="padding-top: 5px;"><INPUT type="submit" value="  Submit  " onClick="insertYouTube();" style="font-size: 12px;" > <INPUT type="submit" value="  Cancel  " onClick="window.close();" style="font-size: 12px;" ></DIV>
 </td></tr></table>
</BODY>
</HTML>

The WYSIWYG.insertYouTube function is as follows:

Eric Pascarello

author

Posts: 15385

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Well you probably should be using a normal button and not a submit button.

When you debug your code is alert(code.substr(0,12)) giving you anything?

Eric

Daniel Martin

Greenhorn

Posts: 11

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

^^ Nope, nada, just an empty alert popup.

I am using the submit button because all other existing popup menus follow this scheme and they work. So I tried following the same.

Daniel Martin

Greenhorn

Posts: 11

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Daniel Martin wrote:^^ Nope, nada, just an empty alert popup.

I'm sorry, the <OBJECT> code copied from YouTube does show up in the alert message. I initially did it wrong when you asked.

So what does this mean???

Daniel Martin

Greenhorn

Posts: 11

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Alright, I finally got it!

Basically, all I did was use the toString function call on the code parameter argument of my insertYouTube function. From there, I was able to parse the string using substr , indexOf, and so on.

So to some it up, I was able to achieve my goal of inserting a YouTube video into my page editor.

Thanks for all your help folks.