[SOLVED] Forms

[BrentC]

Hi People

Is it possible to invoke a js function on the same page as the form...or do I have to implement the code on a separate page designated with the action tag?

BrentC

[ahmorrow]

[code]<a onclick="javascript:JAVASCRIPT CODE HERE;">CLICKABLE LINK</a>

[FredT]

No, no javascript: if you're using an onclick.

Either <a href="javascript:functionCall(params);">Click</a>
or <a onclick="functionCall(params);">Click</a>'

I typically use the first method.

You can definitely use the js on the same page, the action is for server side code (php, asp, etc) needs to be executed.

[BrentC]

Yes I got that far...what I want to do though is send info a user enters in a text box in a form.

[FredT]

You need a server side language.

http://www.w3schools.com/php/default.asp

[ahmorrow]

Wow, good catch Fred... I really do have to quit coding at well... whatever time that was... EDIT: It was like 2am my time.

[BrentC]

That is what I thought, I was hoping a way around php. So I guess I'll have echo a lot of code on the server. Thanks Fred!

Brent

[ahmorrow]

Yeah, I realize what you were trying to do now... I totally screwed that one up lol. Server-Side and Client-Side are sadly different.

An alternative would be to email it instead of using the action method... but I don't know... the problem isn't really clear to me.

[BrentC]

I am displaying Youtube videos. When I use
<a href="javascript:name('theme')">thetheme</a>

that works ok. But I want to also have the user enter any theme in a text box in a form. That does not work. Like Fred said I'll have to go to a (in my case) php page and generate the js from there.

The Youtube API comes with js link as well.

Check out my page here:



As you will see, clicking on a preset theme works - some videos with the theme are presented. But not if you enter a 'custom' them.

[ahmorrow]

Ummm... I don't see a link 0.0

[FredT]

No, not necessarily, you can use js to get data from the form. I thought you were trying to send it to a database or email it or something. If it's staying on the page, that's fine.

<form onsubmit="name(document.getElementById(searchbox))">
     <input type="text" id="searchbox" />
     <input type="submit" value="Submit" />
</form>

Does that make sense?

[BrentC]

That is still not working...I'll try putting the link to my page here again

http://24.67.40.54/youtube/enter_content.html

[FredT]

Sorry

<form onsubmit="name(document.getElementById(searchbox).value)">
     <input type="text" id="searchbox" />
     <input type="submit" value="Submit" />
</form>

[BrentC]

Thanks but it still doesn't work...

[ahmorrow]

Typing in the name of the variable (video?) would need to be case sensitive. So This != this. You'd need to be sure to type everything into that box exactly.

[ahmorrow]

<a href="javascript:OnLoad('ads')" style="position:absolute; top:100; left:100">ADS</a>

Question... why are you calling a text string with an onload statement? and why are you using a link?

It just doesn't make sense to me.

<form>
<input size="25" type="text" id="myText" value="vw">
<input type="button" value="Select text" onclick="OnLoad()"> 
</form>

Especially when the form is doing the above. Wouldn't it be something more like:

<form>
<input size="25" type="text" id="myText">
<input type="button" value="Select text" onclick="OnSubmit('document.getElementById(myText)')"> 
</form>

[FredT]

My code should definitely be working. Could you put it back in so I can see it in the site and tell what's going wrong? What you have now makes no sense.

[BrentC]

Ok I've got it working now...The OnLoad was a my function name (not to confuse it with onload=name() in a body tag.)

I tried what you and Fred said and it did not work. But after some perseverence I got it working. As I said above I want the user to enter a 'theme' for the videos on the right.

Here is the form code...

<form id="myText" >
<input size="25" type="text" name="me" value="beer" /><br />
<input type="button" value="Select text" onclick="mytheme()">
</form>

I changed the function name to mytheme. Then I added some simple js to detect if the mytheme function is being passed a preset theme or a 'custom' theme.

Thanks for your efforts guys...I will probably need you in future. It's good to have people who know this stuff to bounce off...

Brent

[BrentC]

Here is the file:

24.67.40.54/youtube/enter_content.html

[ahmorrow]

Yeah, I was thinking onload was a reserved word that you can't use as a variable/function. Could be wrong, but that might've been it.

Oh well, seems to be working if a bit messed up looking in Firefox. The title is covering the button/textbox and the links are smudged in there too.

Glad it worked out, if you could go up to Thread Tools at your first post, and select "Mark Post As Solved" or whatever it is.