I have made a small form for some Javscript practice because I want to get back into it - codes below. You enter a term - it opens a google search page and searches for the term + site:site.com.Can someone point me in the right direction for a couple of things:
1) I'd like it to open in Chrome not IE (eww)
2) I would like to not open a page but display the results in a frame below my form.[code]
I load into a div on index.php page via AJAX another php page. Once that page loads, I lose all the function of that page. For example, I click on the search or submit button and nothing happens.
I am trying to create a site using mostly PHP and MySQL and I have integrated some AJAX functions into the site to load new PHP pages into a DIV called "dynamic" on the index.php page without having to reload the entire page. This is working great.
However, when I use the menu with the following hyperlink <a href="javascript: addContent('sample.php', 'dynamic')"> calling the AJAX code to load the sample.php page inot the the DIV dynamic, the sample.php pages loads into the DIV but the PROBLEM is that the submit, and or search functions on the sample.php page stop working.
I believe that this has something to do with using the AJAX code because it is Asynchronous. Perhaps I need to use live or event delegation.
Since I am new to webdevelopment and trying to learn best practices if anyone knows a good way to load PHP forms into a DIV on perhaps a index.php page and then have the form controls still work.
Also I have been using NuSphere PhpED for an IDE which has helped me step through PHP and MySQL code to solve problems real well. However, I would like to get a recommendation on a IDE to use with Java Script and AJAX. Part of my problem with resolving this issue is that I can't step through the code to see what is not happening..
I have created a similar smart search like yellowpages:[URL]... Here is the problem I have with mine:
Lets say I search 'Attorneys' I start typing 'Att' ... then 'Attorneys' shows up in the smart search so I click on it and press enter. The next time I start typing 'Att' my browsers saved search field pops up over the websites smart search. Here is an image which might help explain the problem a bit more:
In the process of putting a form together, I'm using a lot of
placeholder variables that I really don't care about in the submitted
action. I'd therefore
like to get rid of them by doing something like:
function my_function
{
document.form.action="/my/action";
document.form.search="?important=1&variables=1&only=1"
document.form.submit();
}
This doesn't seem to work, nor does making an '.action' with an
embedded search string (document.form.action =
"/my/action?my=1&variables=1") Javascript seems to merrily ignore
these statements and simply evaluate the submit call with the html
variables.
How do you modify this value?
I'm having difficulty getting these two items inline. I wonder if anyone would give it a try. There seems to be a padding or length to the Search field that jumps a significant amount to the right.
[Code]...
I have a page built in Sharepoint. I need to create a little search box within that page so people can search for names on that same page. It's a page with a lot of text, hence why the search feature is needed.
I can only use an XML editor.
On my form I have 3 submit buttons which handle different things.I am looking for a way to stop or continue form execution with a confirm box on the third submit button and the third only.I can't use onsubmit because that will trigger on all three buttons.
View 2 Replies View RelatedI have two js scripts running on my project at the moment, one is uses mootools and the other uses jquery-1.2.3min, both work but not if they are on the same page.The mootool adds the pop out effect to a form box and the jquery enables the nav switch for 2 boxes that contain different form fields for a search engine. Now I've been reading up on the two and have decided to favour jquery which means I have to reproduce the same effect in mootool but with my limited knowledge it's proven rather hard.The mootool code:
var isExtended = 0;
var height = 165;
var width = 240;
[code]....
In the following .submit function, I am attempting to grab the value of the selected option in the facilityCodes dropdown list when I click the submit button and then during the submit function,select the facilityCode again in the dropdown list when the page reloads and then disable the list so that the user cannot change it.However,the situation is when I reload the page after the submit button is clicked the dropdown defaults to the first option and the list is enabled.I apparently am not understanding how.submit works so that I'm selecting the option I'm defining in my code below and then disabling the list AFTER the page reloads due to an error on the page. My question is how can I accomplish this?Here is my code:
$(function() {
$("#ARTransferForm").submit(function() {
var msgsCount = 0;[code]....
The following will submit the form data to popup by clicking the submit button. I want it will submit the form automatically to the popup, there is no submit button in this page. Basically this page should not show up.
<script type="text/javascript">
function submitmyform(f) {
f.target = 'foo'
window.open('',f.target,'menubar=no,scrollbars=no, width=800,height=800');
f.submit();
return false;
}
</script>
<form name="myform" action="popup.asp" target="_blank" method="post"
onsubmit="return submitmyform(this);">
<input type="hidden" name="item" value="item"/>
<input type="submit" value="submit to popup"/>
</form>
I'm using mailchimps signup box (they don't have a decent forum to ask on) on my website and want to adjust the submit button and change it to a normal link. Here's the button that submit's the form:
[Code]...
I have a page with many forms that I need to change from a post to an ajax call. That part is working, no problem, but now I want to disable the submit button while it's waiting on the server response and then re-enable it when the response comes back.
Here's what I have:
$(function() {
$('form').each(function() {
$(this).submit(function(){
[code]...
I can't figure out what my selector should be to get the submit button of the form that's being submitted. What should I be using instead? Also, if the call errors out, I'd like to just post the form as usual.
I have a php form and it has 3 submit buttons namely "delete" , "update_quantity" and "place_order".They all work fine but I want to build in a check for each one just in case the user click one of the buttons by mistake.So Each one must have a different message like for delete it must be, "Are you sure you want to delete Record nr ......" OK or Cancle.
And for update " Are you sure you want to update Quantity to....." OK or Cancle.
I have a form without a submit button. It gets submitted programmatically with document.form.submit().
What I need is to be able to disable this form's submit capability on page load and then reenable it at some later point. Remember there is no 'input' button element.
Code:
What I've tried so far is like this:
savedSubmit = document.inputs.submit;
document.inputs.submit = None;
then later:
document.inputs.submit = savedSubmit;
but this does not work. How can I do this?
I have a search field on the website, and when I type a word to search, it search good, but after preforming the search, the search term from search text field disappears and become the default 'Search' word.
How can I make search term stay in search field after preforming a search ? For example, when I type into the search field 'JavaScript' I want that term to stay in search field and after the search is done.
So, here's my problem :
I've created a table in my document, presenting a list of items, one
can 'select' by clicking on it... (Kinda like a menu, you make your
choice from) But since this table can get very long, I've put
something of a 'search-form' on top, which enables the user to make a
selection of products from the list.
Now, the form uses a "post" method, and submits to itself, using the
form action. Some PHP script will make sure that the form is filled
out already, the next time it's presented.
The table, containing a list of products is presented, below the form.
When a user clicks on a product, the product should be "selected". At
first i just used a <a href="zoeken.php?prod_id=24"> link to do this,
but the problem is that my form won't remain in tact.
So now, the global idea is to submit the form after setting a hidden
form-field using JavaScript, using a onClick event.
Here's my code :
I've got a pretty basic form that i need to be able to "submit" by simply loading it in the browser address, not click the submit button. is there a way to do this? Here is the code:
<form name="newform" action="/dir/submition.cfm?z=1&Myid=1" method="post">
<input type="hidden" name="userID" value="27566">
<input type="submit" value="Submit">
</form>
if i load just http://www.mysite.com/dir/submition.cfm?z=1&Myid=1, it doesnt do anything because it doesnt have the userID variable, but im not sure how to include that into the address...
I've plucked a script from the web that gives me something like:
<SCRIPT type="text/javascript" language="Javascript">
<!--
function find() {
if (a == "pag1") window.location ="pag1.html";
but when i refer to that pag1 (replaced by my own page) it gives me a 404
does anyone have a simple script that works?
I have a form where i use normal buttons with javascript so i can have multiple actions and I don't use a submit button. I can submit the form fine using document.adminform.submit(); but i have an onsubmit="return submitForm"; attached to my <form> tag.
If i had a submit button, it would call the javascript function, but seeing as i don't have a submit button, how can i call that function. here is the bits causing problems
PHP Code:
<form name="adminform" id="adminform" method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>" onsubmit="return submitForm();">
<p><input type="button" class="back" id="backbutton" title="go back" onclick="performAction('back');" />
<input type="button" class="save" id="savebutton" title="save" onclick="performAction('save');" /></p>
[Code]...
when the save button is clicked, a javascript function is called which does the ocument.adminform.submit(); but i need to do call the submitForm() function at the same time
I have been working with different codes to get a search form working with a database.I have a search form based on drop down option values, what I would like to do is select a "company" and append the search term to the company's value.E.G the form would be something like:
<option value="http://url?term=valueisfromsearch&folder=Company Name">Company</option>
There will be a free text area which will allow users to input their search term but need this go feed into the above value of "valueisfromsearch". Upon submit, the user will be presented with their results in their browser.Is this possible mid-URL? I've seen info on Javascript Query String Parameters but don't really understand it that well.
MySpace and Yahoo! have search forms that when you click on the choice (ie web, images, audio) it uses javascript to change the form.
So basically, how can you dynamically change a search form that will give the choice to search different parts of my site?
Basically, it would have to be able to dynamically change the form method and action, and it would have to be able to change the input name.
For example in the front end it would look like this:
Search the {dropdown menu with forum, arcade, site, etc} for { query }
I would be grateful if somebody can advise me how I can build site same as [URL] namely, I want to creat same search form on my site where I can search items by location, etc. I am very new to web development and know only HTML and CSS. What I need to learn to be able to create site like this and is it possible at all to do it on my own without hiring any programmers?
View 1 Replies View RelatedI was making mysearchfieldI though jQuer may help update one dropdown box when a value in one box is updated.
So, my search goes like this, Search for Pet [PetDropDown], Search for Breed [BreedDropDown], Search Location [Text feild] and Search Price [Text Feild].
So in this system i want the [DropDown] box to automatically update it self, with no reloading, thats where jQuery comes in (im guessing) with a list of Breed that link with the Pets DropDown. So if the user picks Dog, then the Breed Dropdown will show Breeds that areassociatedwith Dogs, such as Collie, Jack Russell or Staffordshire Bull Terrier. If a Pet isn't selected then nothing will show.
The information come from the data and a phpstatementfor the Breed DropDown would be as such: $sql = "SELECT id, title, value, type, cat FROM site_cats WHERE type = '[PetDropDown]' "; of course it wont be [PetDownDown] but as a $value such as $petType or $pet.
I want to make a search form where inputs only appear if a certain selection has been made. For example the user selects "Green" then the input "X" appears, and if the user clicks "Black" then input "Y" appears. How can this be done? If so, can someone give me a basic example in code that I can use to copy off?
View 7 Replies View RelatedI know this is a combination of asp and javascirpt so bear with me. Can I use a hyperlink to submit a form that can look data up in a database? I am going to have a page that has a bunch of links that will link to other pages. However all the pages are in a database, and I need to look it up via another page to pull up the right page.
<form action="../forms/selectpage.asp" name="form1" method="post">
<td> <a href="java script:document.form1.submit();">page1 </a> </td>
</form>
The only way I can think of is to use a hidden text field to submit when the user sumbits and each link be it's own form, but that's a lot of extra code. If anyone is curious- the look up page is this
Set oRs=Server.CreateObject("adodb.recordset")
strSQL = "SELECT * FROM Pagetable WHERE Location = '" & selected & "' "
oRs.Open strSQL, connforms
Selected would be the data being transfered from the linked page.
There are multiple intranet pages with a list of names on them that are updated regularly.At the moment, there is no easy way to check if a name is on the pages without going in to each one at a time and searching them individually.
Is there a javascript script I could use to search all of the pages at the same time, and if a match is found, open the relevant page and highlight the result?