i have something questions. how can i select element from another page for processing data. ex : #myname.value from content.php and i will process that value to the process.php.
View 2 RepliesI have a form and on submit it goes to the submission page, then writes some data, sends an email and says thank you. I then wanted this to be a pop up window so the user doesn't have to leave the main page, and add an auto close function. The problem is with a popup no variables are passed to it.
The regular code to open a new page was:
Code:
<form name="formRFQ" method="post" onSubmit="return formCheck(this);" action="oring_rfq.php">
This worked perfectly everything submitted fine.
Then I decided to make the window controlled by popup
Code:
<form name="formRFQ" method="post" onSubmit="return formCheck(this);" action="wopen('oring_rfq.php', 'popup', 640, 400); return false;">
Now the page isn't getting any variables.
I wrote an If statement to check if there are any variables in case somebody stumbled on the page without actually submitting any data. So I can tell that no variables are getting sent to the popup..
When the page loads there will already be a drop-down on the page, here's an example of the drop down.
<select id="dropdown">
<option value="2121S">Option text</option>
<option value="2122S">Option text</option>
<option value="2123S">Option text</option>
<option value="2121A">Option text</option>
<option value="2122A">Option text</option>
<option value="2121K">Option text</option>
</select>
On page load it will evaluate this drop-down and repopulate it determined on their values. If there is an S in any of the values the drop-down will generate an option for 'S' like so.. <option value="s">S Option Text</option> And for the first code example in this post - the Javascript would be able to repopulate the drop-down with the following:
[Code]...
I have a problem with processing the radio button to show different data.
[Code]...
I have a database site I am currently designing, and would like to use a single page with forms in external html documents to undertake admin tasks (eg. add/remove records etc.)
I have managed to successfully load the form html into the necessary div using the $.load function, however, when I try to process the form, with this code:
$("#add_form").validate({
debug: false,
rules: {
maker: "required",
[Code]....
which asks 'process_form.php' to process the data, it doesn't seem to send the data in the form to the page. to confirm this, and whilst trying to get the system to work, the 'process_form.php' consists of 2 lines,:
echo $_GET['maker'];
echo '123456';
(ie. one line to return a string literal, and one line to return one of the variables which SHOULD be passed by the form)
This results in just the 123456 string being returned.
I have tried several things: loading the script above in the head of the 'parent' html page (ie. which the form is loaded into); - does not properly fire at all;
loading the script 'in-line' in the imported html - this leads to the result given above; running the script in an external script.js file through an onsubmit directive on the form...does not appear to properly fire the script.
I feel like I've been server-side programming so long that I completely forget how client-side works. I have a super simple form:
Code:
<form action="page2.html" method="post/get">
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
<input type="submit" value="Submit" />
</form>
Is there a way to use Javascript on "page2.html" to access the contents of firstname and lastname and display them?
I am using MYSQL to store articles. I wanted to present the articles in order by id, then let the user choose one of them and send the id of the article to another php page for processing, using ajax. To do so i have placed a simple form in the articles. like so:
$result = mysql_query("SELECT * FROM articles ORDER BY id DESC")
or die(mysql_error());
while($row = mysql_fetch_array($result)){
{code}....
I would like to dynamically insert a <br /> after each </select> (like createElement). I am told that this is simple with jquery but only have limited experience in this area.
Code:
<html><head></head>
<body><form><select>
<option>1</option>
<option>2</option>
</select>
<--- dynamically insert <br /> here
<select><option>3</option>
<option>4</option>
</select>
<--- dynamically insert <br /> here
</form><body></html>
I am using mozilla and javascript to change the style background color
for my select with onfocus() and back to white with onblur().
When i process onfocus(); i have to click on the select three times to
get the popup menu and everything seems slow. No errors are reported
in the console however it seems as if the click event is not being
processed after the focus event is processed.
I have looked through the groups and it appears as if there is no way
for me to force the popup open (expand contents).
I was reading the gecko dom docs; but am not absorbing the solution.
Any thoughts as to the problem, erros, solutions?
first time up for Ajax Form plugin and AjaxSubmit. Simple test everything worked fine. However as the design has developed some strange behaviour is happening adn I dont really know where to start. The scenario is a pretty simple form validation and then insert or update of a new user record. I should mention that the tests all relate to New User records only (Inserts) no test as yet for existing users.
3 different outcomes. Tested in the PHPEd IDE with embedded IE: inserts a MySQL record correctly but supposed to remain on the page with the original submit. instead the redirect is to the PHP Server side script page - action="ajaxresponders/process_user.php" the echoed output is as it should be. Tested in the PHPEd IDE with embedded Firefox: The insert is processed correctly however the page never completes it shows connecting/waiting for localhost forever.
Tested outside the IDE on local server. With both Firefox and IE the PHP script is processed twice resulting in two seperate inserts of the same data from the form although with different userID (auto increment) and activationKey which is generated in the script prior to the insert!!!
[Code]...
I am trying to copy data from one element to another on page load.
I want to copy the below data within each element
To the different parts of this URL <a href=" [url]
After some research I have found that I need some javescript help to process a users click from a html drop down select list.I am trying to create an admin area for a website in php and using mysql database.In my admin home page, I have an option to choose a title on a page, from a dropdown select list. Which when clicked/ chosen, should redirect to the edit_page.php.When the admin have clicked a value from the select box, how do I redirect to the edit_page.php,To prepopulate the edit_page.php form fields, do i need to include more than the: ID and LINKLABEL in the select box.
View 3 Replies View RelatedI am trying to try jQuery 1.4.3 updated .data() method with HTML5 data attributes. The way I understood these changes is that an element with these attributes would automatically have their data populated by .data(). For example, if I have an element:
<ahref="#" data-cheese="cheddar">DataElement</a>
I can access this with .data('cheddar'). This part works fine. The issue I am having is that calling JUST data like $(this).data() just produces an empty object. Is this how it should be expected to function?
I'm looking to create a processing page for a submit that has a little rotating processing image with a little verbage like "please wait while we process your information" Just so the page looks like it's actually doing something. Code:
View 1 Replies View RelatedI'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
I'm trying to unselect element or not allow select element to prevent this:
How can i do this? This only happens on FF, on IE8 its fine..
My html:
I have a menu that I have constructed through HTML/CSS/JavaScript. Javascript handles the mouseover and mouseout events to set the background of the menu item/table element with an image. It works great. What my issue is right now is that when the user loads the Home page, I want that to have the background of the item already set. I had a function to do this with a switch clause in a separate javascript file. This function was called immediately (left it outside of any functions so it would execute first). But I'm getting an error because the actual element (a table) to set the background doesn't exist yet.
View 1 Replies View RelatedI am writing a small data entry screen that will post the form data to a page and return a message. But i cannot get the Success or Error functions working properly.
Here's the code where strData is the posted querystring of:
I'm not sure whether it should be in a form and using the onsubmit or click of a button.
I want to get the text between the second td. The 83:
<tr
bgcolor
="123014"
> <td
[Code]....
The table hasn´t a id ore something lime that.
Thought of something like this ;)
var kraft_cp = ('tr:has(td):contains("Kraft")');
It is possible to make a script that hides the element clicked and this way hide the items I want.
View 1 Replies View RelatedI have a jQuery plugin that creates a list of news items and appends the <ul> to the element(s) calling the plugin. Each <li> gets a document key added to its data.
A brief snippet of the code:
(function
($){
$.fn.NewsList=function
(options){
[Code].....
None of the <li>'s have the data attached to them. I've tested the selector shown above in line 3, and it does pick up the correct <li>'s. The data is not visible in Firebug as it is on the other page. Both functions are called after document.ready and insert the elements after page load.
The onlydiscernible differences between these two circumstances is that in the working case, the plugin is called against an ID, whereas in the nonworking instance, it is called against a CLASS. In addition, in the working case, only one DIV is affected, and in the nonworking case, there are two DIVs that receive the treatment.
I have this function:
<script language="javascript">
$(document).ready(function()
{
$("#place").change(function()
[code]....
I does work fine on firefox.. but as normal on IE does not load the result form types.php... .html(data) is not showing up.
I have a select that is populated from a mysql database, and I have a text input that if your option isn't listed, you can add it and it should add to the table that is populating the initial select. And I want to do it all without reloading the page, which is where jQuery comes in. Now, I've managed to have the text input add to the database without problems and echo back a "success" statement using ajax(). But I'm kind of lost on how to tell it to reload the data in the select.
[Code].....
I think I need to do something on success, but I'm kind of lost for what I should do. I thought about using load() and just having another php file that basically replaces the current select with the same thing; but it would show the newer data having just been called, but that seems like it's a crass way to handle it. I feel like there should be a way to say "run that mysql statement again" on success but my google foo is failing me.
I have a javascript tool in which I can supply a listener function, which has the parameter 'div', which is a dom element. Now I would like to apply $('a.enlargement').fancyzoom({Speed:0,showoverlay:true}); to that div, but I only have the reference. I know about the 'find' function, but that can only be run on a selection object. So how can I do this?
View 1 Replies View RelatedWhen retrieving JSON data I'm able to access individual elements using the $.each() function and iterate over them. However, how would I access just one element by its location and not by name? (i.e. data(0) not data.ID).
View 3 Replies View RelatedI use following code to create an element and load data into it onclick:
("<div id="element" ></div>").appendTo('#content').load("grid.php");
The first time it loads very fast, 12ms.
I have a close buttons wich removes the element from dom: $("#element").fadeOut('fast').empty().remove();
The second time I execute the onclick event, the first code takes approx 1 second, so much slower. The php code execution time is the same as previously.