469,331 Members | 1,912 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,331 developers. It's quick & easy.

Input, Buttons and Enter Keys

Hello,
Can someone lead me in the right direct with this request:
Please look at the piece of code below:

<table summary="Sort Buttons">
<tr>
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /
>
<input type="text" id="newSong" />
</td>
</tr></table>

As you can see, an input box is opened and when the user enters his
search phrase AND CLICKS THE BUTTON, the javascript contained in
justSong_filter() does its thing, etc., etc.
All works fine.

What I'd like, however, is to have NO BUTTON at all. None. What I want
to happen is that the user enters his search phrase and then have him
HIT THE ENTER KEY on the keyboard to initiate the javascript, as
occurs in the original code above.

Currently, after the user enters his search phrase, hitting the Enter
Key does nothing at all. He must click on the Button.

Can someone show me how to re-code the above activity to perform as it
currently does, but to have no button and using the Enter Key as the
final firing sequence?

I thought it would be pretty straight forward - seems I am wrong!
I've messed with this for about 3 days and I've gotten nowhere, so I
must be looking/thinking in the wrong place.

Any help, as always, would be greatly appreciated.
Regards.
Mar 25 '08 #1
6 1653
Omicron wrote:
Can someone lead me in the right direct with this request:
Please look at the piece of code below:

<table summary="Sort Buttons">
<tr>
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /

<input type="text" id="newSong" />
</td>
</tr></table>

As you can see, an input box is opened and when the user enters his
search phrase AND CLICKS THE BUTTON, the javascript contained in
justSong_filter() does its thing, etc., etc.
All works fine.

What I'd like, however, is to have NO BUTTON at all. None. What I want
to happen is that the user enters his search phrase and then have him
HIT THE ENTER KEY on the keyboard to initiate the javascript, as
occurs in the original code above.

Currently, after the user enters his search phrase, hitting the Enter
Key does nothing at all. He must click on the Button.

Can someone show me how to re-code the above activity to perform as it
currently does, but to have no button and using the Enter Key as the
final firing sequence?

I thought it would be pretty straight forward - seems I am wrong!
I've messed with this for about 3 days and I've gotten nowhere, so I
must be looking/thinking in the wrong place.
<input type="text" onKeyPress="
var key;
if (window.event)
key = window.event.keyCode;
else if (event)
key = event.which;
if (key == 10 || key == 13)
alert('You have hit Enter!');
">

Cheers,

--
Bart
Mar 25 '08 #2
Omicron wrote:
Can someone lead me in the right direct with this request:
Please look at the piece of code below:

<table summary="Sort Buttons">
<tr>
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /
<input type="text" id="newSong" />
</td>
</tr></table>
Avoid XHTML on the Web, IE does not even support it. Your markup is not
Valid XHTML and it does not make sense anyway (a one-row one-column table?).
[...]
What I'd like, however, is to have NO BUTTON at all. None. What I want
to happen is that the user enters his search phrase and then have him
HIT THE ENTER KEY on the keyboard to initiate the javascript, as
occurs in the original code above.
[...]
Can someone show me how to re-code the above activity to perform as it
currently does, but to have no button and using the Enter Key as the
final firing sequence?
<form action="server_side_script" onsubmit="return justSong_filter(this)">
<fieldset>
<legend>Song Filter</legend>
<input name="newSong">
<input type="submit" value="Apply">
</fieldset>
</form>

justSong_filter() must return `false' if filtering was successful, `true'
otherwise. However, you will need that submit button so that it also works
without client-side script support; you may use type="image" or style it
with CSS.

Please do not SHOUT, see http://rfc-editor.org/rfc/rfc1855.txt
F'up2 cljs because this is not JScript-specific

PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann
Mar 25 '08 #3
SAM
Omicron a écrit :
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /
<input type="text" id="newSong" />
</td>

What I'd like, however, is to have NO BUTTON at all. None. What I want
to happen is that the user enters his search phrase and then have him
HIT THE ENTER KEY on the keyboard to initiate the javascript, as
occurs in the original code above.

<form action="#" onsubmit="justSong_filter();return false;">
Choice :<input type="text" id="newSong" />
</form>

Works since NC3 (if there is only one text-field)
modern browsers work same way but with bigger forms
Can also try :

<input type="text" id="newSong"
onkeyup="var e=null; if(typeof event =='object') e=event;
if(event.keyCode == 13) justSong_filter();
return false;" />
--
sm
Mar 25 '08 #4
On Mar 25, 6:10 am, Bart Van der Donck <b...@nijlen.comwrote:
Omicron wrote:
Can someone lead me in the right direct with this request:
Please look at the piece of code below:
<table summary="Sort Buttons">
<tr>
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /
<input type="text" id="newSong" />
</td>
</tr></table>
As you can see, an input box is opened and when the user enters his
search phrase AND CLICKS THE BUTTON, the javascript contained in
justSong_filter() does its thing, etc., etc.
All works fine.
What I'd like, however, is to have NO BUTTON at all. None. What I want
to happen is that the user enters his search phrase and then have him
HIT THEENTERKEYon the keyboard to initiate the javascript, as
occurs in the original code above.
Currently, after the user enters his search phrase, hitting theEnter
Keydoes nothing at all. He must click on the Button.
Can someone show me how to re-code the above activity to perform as it
currently does, but to have no button and using theEnterKeyas the
final firing sequence?
I thought it would be pretty straight forward - seems I am wrong!
I've messed with this for about 3 days and I've gotten nowhere, so I
must be looking/thinking in the wrong place.

<input type="text" onKeyPress="
varkey;
if (window.event)
key= window.event.keyCode;
else if (event)
key= event.which;
if (key== 10 ||key== 13)
alert('You have hitEnter!');
">

Cheers,

--
Bart
Thanks to Sam and Bart and (I guess) Thomas, even though I didn't
really understand a word of what Thomas was trying to tell me, other
than I was shouting and in the wrong group (I think).
Anyway, Thanks to all.
Unfortunately, none of the suggestions, at least in the manner I have
tried to implement them, have worked for me.
When I try all the suggestions, essentially one of two things occurs:
Either nothing happens when I press the Return Key, or I get a crash
that buries my TopStyle editor.
If any of you kind folks would like to see if you can get further
into my apparently thick skull, I'd appreciate any additional
comments, leads, references or code you'd like to take the time to
write.
Regards.
Mar 26 '08 #5
SAM
Omicron a écrit :
On Mar 25, 6:10 am, Bart Van der Donck <b...@nijlen.comwrote:
>Omicron wrote:
>>Can someone lead me in the right direct with this request:
Please look at the piece of code below:
<table summary="Sort Buttons">
<tr>
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /
<input type="text" id="newSong" />
</td>
</tr></table>
As you can see, an input box is opened and when the user enters his
search phrase AND CLICKS THE BUTTON, the javascript contained in
justSong_filter() does its thing, etc., etc.
All works fine.
What I'd like, however, is to have NO BUTTON at all.
><input type="text" onKeyPress="
varkey;
if (window.event)
key= window.event.keyCode;
else if (event)
key= event.which;
if (key== 10 ||key== 13)
alert('You have hitEnter!');
">

Thanks to Sam and Bart and (I guess) Thomas,
Unfortunately, none of the suggestions, at least in the manner I have
tried to implement them, have worked for me.
When I try all the suggestions, essentially one of two things occurs:
Either nothing happens when I press the Return Key, or I get a crash
that buries my TopStyle editor.
What does an editor has to do here activating JavaScript ?
You must try in a navigator the given codes inserted in a web page.
If any of you kind folks would like to see if you can get further
into my apparently thick skull, I'd appreciate any additional
comments, leads, references or code you'd like to take the time to
write.
Would it be possible to see something working that we could understand
what just-a-song-in-my-bathroom make and how.
references ? Google can gives a lot of them.
mine are in french. Are you interested ?

--
sm
Mar 27 '08 #6
On Mar 26, 8:05 pm, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
Omicron a écrit :
On Mar 25, 6:10 am, Bart Van der Donck <b...@nijlen.comwrote:
Omicron wrote:
Can someone lead me in the right direct with this request:
Please look at the piece of code below:
<table summary="Sort Buttons">
<tr>
<td>
<input onclick="justSong_filter()" type="button" value="Song Search" /
<input type="text" id="newSong" />
</td>
</tr></table>
As you can see, an input box is opened and when the user enters his
search phrase AND CLICKS THE BUTTON, the javascript contained in
justSong_filter() does its thing, etc., etc.
All works fine.
What I'd like, however, is to have NO BUTTON at all.
<input type="text" onKeyPress="
varkey;
if (window.event)
key= window.event.keyCode;
else if (event)
key= event.which;
if (key== 10 ||key== 13)
alert('You have hitEnter!');
">
Thanks to Sam and Bart and (I guess) Thomas,
Unfortunately, none of the suggestions, at least in the manner I have
tried to implement them, have worked for me.
When I try all the suggestions, essentially one of two things occurs:
Either nothing happens when I press the ReturnKey, or I get a crash
that buries my TopStyle editor.

What does an editor has to do here activating JavaScript ?
You must try in a navigator the given codes inserted in a web page.
If any of you kind folks would like to see if you can get further
into my apparently thick skull, I'd appreciate any additional
comments, leads, references or code you'd like to take the time to
write.

Would it be possible to see something working that we could understand
what just-a-song-in-my-bathroom make and how.

references ? Google can gives a lot of them.
mine are in french. Are you interested ?

--
sm
Hi Sam,
I use TopStyle editor for coding all my HTML/CSS. It will then load
the code into IE or whatever browser you tell it to for purposes of
testing. All my other JS works via the editor so I don' think that is
relevant to my problem.

You are most welcome to check out the site I'm building for a friend.
Go to:
gtmick.com

Then, from the drop-down menu on the right, pick any of the Music
Databases. Once there, you will see the Search Feature that is in
place, which requires you to enter a search string and then click on
the button. It is here that I'd like to eliminate the button and just
allow the user to hit the Enter Key when ready.

Thanks for your interest.
Regards.
Mar 27 '08 #7

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by BruceR | last post: by
reply views Thread by Hiroyuki Tanaka | last post: by
2 posts views Thread by danielboendergaard | last post: by
2 posts views Thread by NeilCarmichael | last post: by
7 posts views Thread by =?Utf-8?B?QUEyZTcyRQ==?= | last post: by
reply views Thread by suresh191 | last post: by
1 post views Thread by haryvincent176 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.