The following function shows a list of Counties populates by a PHP page:
I would like to now, when a user clicks on a County, they are shown a list of pubs based on that County (so, I'll create a new PHP page WHERE County = 'County' or something?)
At the moment, when a user clicks on a County this function is passed:
So, passing a value through so I can modify the SQL in the PHP page to filter the counties?
I got a table.Each row has a list of statuses.If status == yes, then several elements will be shown in the rowif status != yes, then hide those elements.Im not sure if I have made a good solution, but it seem to work ok (opera9.6, ff2, ie7)The status selector passes on a unique rowid, and itself. This way the js function can get the row, and the status of the selection. Then toggle various elements in that row.Only annoying thing is the way row elements are named and found. It kinda have to rely on some hard coding, but its ok I guess.Im not sure if its possibel to just call toggle( this ), and that way get to the elements in the row.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code].....
I have a page that displays a list of people playing in a tournament. I need to be able to generate a Leaderboard based on which players are manually selected by the admin. Next to each person there is a drop-down list. An admin can go in and select a "slot" that a player should be in on the leader board from 1 to 8, or leave it blank if none. What I need to figure out how to do is the following, when a change event happens on a drop-down list, and say the value 5 is selected, I need to check to make sure that 5 is not already selected in one of the other players drop-down lists, in other words, that the 5th leaderboard slot is not already full. if it is, display an error message and make them change that one first. how to do that with jQuery? I'm thinking it will have something to do with the each() function, but not sure exactly how the logic should work.
View 4 Replies View Relatedi am writing a script that will update a dropdown list based on the selection of a previous list. the script is run by a PHP script, so instead of posting the PHP, i will post an example client-side script. the hierachy is: category, sub category, brand (but sometimes there exists no sub category and the PHP script queries and adds brands instead) everything works correctly, except for one major issue: you can not change the selection of the third (brand) box this could be an easy fix for some coders, but i am not experienced in javascript and could really use some help. here is an example script, sorry it is so long
[Code]...
I have 3 ASP list boxes. I would like to populate the second list box based on the selection in the first list box and based on the selection in the second list box, populate the third. I would like to do this using AJAX. How can I do it? Can someone please give me the code snippet as I am a complete noob when it comes to AJAX and I kinda am running outta time to finish implementing it. Additionally, should I use ASP boxes or HTML <select> tag?
View 4 Replies View RelatedIm using a jQuery script to show/hide a div based based on the selection made via a dropdown.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
The problem im having is that the value used in the dropdown lists are price values eg 10.00
Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.
I've been doing PHP for a couple months, but just came across jquery today. I'm making a wedding-registry-style wishlist site for the holidays, and one of my pages is a list of all the items on your wishlist for you to modify.
Here is my jquery script, which I had learned from a tutorial:
<script type="text/javascript">
$(function() {
$(".submit1").click(function() {
var item_name = $("#item_name").val();
var item_notes = $("#item_notes").val();
var imgid = $("#imgid").val();
var price = $("#item_price").val(); .....
var dataString = 'item_name='+ item_name + '&imgid=' + imgid + '&price=' + price + '&item_notes=' + item_notes;
$.ajax({
type: "POST",
url: "edit.php",
data: dataString,
success: function(){
$('.success').fadeIn(500).fadeOut(500);
}});
return false;
});
});
</script>
My forms are structured like so:
// PHP WHILE STATEMENT
// Retrieve data about item
<form>
<input type="hidden" name="imgid" id="imgid" value="<?=$imgid?>">
<input name="item_name" type="text" id="item_name" value="<?=$item_name?>" />
<input name="item_notes" type="text" id="item_notes" value="<?=$item_notes?>" />
<input name="item_price" type="text" id="item_price" value="<?=$price?>" />
<input type="image" class="submit1" src="images/edit_item.png" border="0" />
<span class="success" style="display:none">Item updated!</span>
</form>
// END WHILE STATEMENT
Now, the problem is obviously that when this HTML code gets repeated, all the forms have the same input IDs. I tried adding numbers to the form using php, so it would be something like "item_name1", "item_name2", "item_name3", etc depending on the form, but then I realized I don't know how to pass parameters into the jquery function.
Is there any way to do this? So that it's something like...
$(function() {
$(".submit1").click(function() {
// Find parent form (which would have the ID "1", "2", "3", etc.)
// var id = parent form ID
// Get info from "item_name1" if form "1" was submitted
// Get info from "item_name2" if form "2" was submitted
// Etc.
var item_name = $("#item_name"+id).val();
var item_notes = $("#item_notes"+id).val();
var imgid = $("#imgid"+id).val();
var price = $("#item_price"+id).val();
// declare datastring
// ajax
return false;
});
});
I recently had a request from a client and I'm not entirely sure this is possible. I'll try to explain it the best I can, as I can't share the development files yet...
We have a page with an image map of the United States. If anyone clicks on a state, it will bring them to a new
page. This new page contains a table that has named anchors on it, each row being a different state.
So, for example, if someone clicks on South Carolina on the map page, they will be brought here[code]...
The #sc anchor will scroll the new page down to the row in the table about South Carolina.
Is there any way to highlight the table row that the person is looking for? For example, if they click on South Carolina, they will be brought to this new page and the South Carolina row in the table would be highlighted.
I have a form like this:
<form id="my_form" method="post" action="">
Name: <br />
<input type="text" id="name" name="name" />
<input type="submit" id="submit1" value="Go to page 1" />
<input type="submit" id="submit2" value="Go to page 2" />
</form>
how can I change my action form so the form goes to Page1.htm with click on button1 and goes to Page2.htm to click on button2, and mantein the value inserted in textbox "name"?
how can i do this:php:
for($idf=0; $idf<100; $idf++) {
echo " <button id='bttn_send_".$idf."' class='bttn' type='button' value='".$idf."'>go!</button>
[code]....
I am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
This is my FIRST attempt at using Jquery to make a site menu for a client, and I'm pretty new to Javascript as a whole..I have a two column horizontal menu, and when an anchor on the left column is clicked it brings up a list in the right column..how do I hide list in the left column when a different anchor is clicked, bringing the new list to the top of the column?
<style type="text/css">
ul.nobulletnoindent {
list-style-type: none;
[code]....
I have a form, what I want to happen is that a user clicks a checkbox and a list appears or is enabled so that the user can then select a option. Also when the checkbox is unchecked again, I want the list to disapear or become unabled and it's value set back to whatever was the default.
After a bit of looking around I thought I has done it, but no luck. Can anyone let me know whats going on here? Code:
I have two dropdown lists with the second one being dependent on the selection in the first.
Options in list 1: 1,3 or 4
List two should be enabled when 3 or 4 is selected in list 1.
So far so good, managed to get it to work with only one set of lists, but I actually have 18 of those sets in this form:
<select name="fw[$i]" id="fw[$i]">
<option value="1">FWH</option>
<option value="3">links</option>
<option value="4">rechts</option>
[Code]....
I'm not that adept in javascript programming, more like a trial and error guy, how has hit the wall with this problem.
I'm just a starter and I'm looking for a function I can't find.
What I want:
I want the row number of the row i clicked of the item list.
For instance I click on third row then I want that var i returns 2. code...
I've got a couple of problems that I cannot figure out how to do.
1. I'm trying to create a list where clickable items are visible on a page and then when clicked they expand to read a text file and stay expanded until I click them again to collapse. I've got this partially working except when I click on the item now(machine1 for example), the item I clicked on is replaced by html/txt file(machine1_output.html). Then the links are not available unless I hit the back button in the browser. Instead I want them both displayed and I want to be able to see all the items in the list and have the items expanded too. The reason for this is I want to be able to click all the links, have them display what's in the html/text file and be able to do a CTRL+F to search for an item. Is this possible?
2. When I add a third item(machine3 below) to my list none of the items are clickable. code...
I have a drop down selection box with items in it. I need to be able to pass the selected item through using an onclick event for the "Submit" button. Is this possible?
I have a Javascript that is calling a div to popup. This div is the drop down selector. I want the user to click a button to make the drop down appear, then they must select an item in the list and then hit submit. The submit button being clicked I need to bring in the selected value from the drop down and use it in the script that originally told the div to pop up (this is the first button that the user clicks, it actually runs the script which passes 2 variables, and is basically waiting on the drop down selection to save into a 3rd variable, which will then call a PageMethod).
I have
function AddTemplateToUUT(uutnumber,testerid){
var templatename=SelectTemplateToAssign();
PageMethods.AddTemplateToUUT(testerid,uutnumber,templatename,CallbackDiv,CallbackErrorAlert,'divchecklistarea');
ShowSelection('divtemplateblock','hide');
[Code]....
I am looking for a way to add an id attribute to a div element I append to my document so that i can find the id later and delete it. So far, no luck with jquery .each loop trying to assign unique value and add incrementing value to each of them. In my code, they all seem to have the same id and when I click again it just appends the same value again to all of them.
//first I add a title to the list using append.
function addTitle () {
$('.myList-box').append('<div class="mylistitem"><div class="mylistitem-image"><img width="30" height="40" src="[URL]small.aspx?TitleID=' + titleid + '"/></div><div class="mylistitem-title">' + title + '</div><div class="mylistitem-options"><a href="javascript:removetitle();">Delete From List</a></div>');
}
// then I need a click function, that indexes all the current .mylistitem(s) and allows me to find the id I am clicking on so I can delete it!
function removetitle() {
$(".mylistitem").each(function(i) {
this.id = this.id + "_" + i;
});
var item = $(".mylistitem").attr("id");
alert(item);
}
I'm trying to create a list of questions and answers, with the questions hidden on page load. They get hidden by this Javascript (to avoid breaking the site for those without JS):
Code:
function init() {
var dds = document.getElementById("qanda").getElementsByTagName("dd");
for (var ddid=0; ddid<dds.length; ddid++){
[Code]....
how I can go about displaying the <dd> tags again? I've tried Google, but not being familiar with Javascript terminology, haven't got very far!
In my web site I have a jquery tab. When clicked a tab I want to show a div which writes loading [ <div class="loading"><p>Loading...</p></div> ] and hide it when the clicked tab content is shown. Is there a way to do this?
My code is below.
<script>
$(function() {
var $tabs = $('#tabs').tabs();
[code]....
1. I have code to show tip like:
<a class="notvisible" onclick="mytip.disable();" href="javascript:void(0);">Close</a>
How is correct Javascript code to Close this tip when clicked?
2. How to move next news feed with click on arror icon and back icon?
<a onclick="mynews.previous();" href="javascript:void(0);">Previous</a> <a onclick="mynews.next();" href="javascript:void(0);">Next</a>
How is correct Javascript code to move news item next and prevoius news? when clicked?
PHP Code:
<script type="text/javascript">
mynews.init();
mytip.init();
</script>
I'm trying to integrate a scroll button that scrolls down an unordered list by a certain amount when clicked. To be more specific, I already have the list in a scrollable box, but I need to know how to make a div or image that when clicked, executes the function that scrolls the list down.
View 4 Replies View RelatedI need to use the this keyword to differentiate which div class name needs to show. Currently, my code below on '.bioclick' click event, every bio_desc is displayed or showed. I just want to show the current clicked'.bioclick' child '.bio_desc'. I tried using the this keyword but it did not work.
$('.bio_desc').hide();
$('.bioclick').click(function() {
$('.speaker_wrapper').children('.bio_desc').toggle
('slow');
});
});
Example:[url]
When you visit that page, all that is loaded is and image with a "Click to play" button. Then when you click on the image, all the flash elements are loaded in place of the image. How did they do this?
I know you can do this with an external html file but I want to do it without an external html page so I can integrate it into wordpress.
I have a list of sequential numbers here. How can i show the 5 numbers infront and behind a clicked number?e.g. When i clicked on the number 0, this is the situation:5 4 3 2 1 0 -1 -2 -3 -4 -5So when i clicked on the number 2, it should show like this:7 6 5 4 3 2 1 0 -1 -2 -3
View 3 Replies View RelatedI have a form that is used to generate and Email (this is done with PHP), in this form i have two buttons one is to send the email and one is to preview the email. Currently I have my script set up so when the send button is pressed the form action will be set to go to the send_email.php page, and when the preview button is clicked it will go to the preview.php page. When a user clicks on either button it opens in the same window, What i want is when the preview button is clicked a popup will come up with a a preview of the email.
This is how it is currently working.
function to change action:
Code:
function changeAction(url){
document.email_list.action = url;
}
send and preview buttons:
[Code]....
So basically I just need the preview to open in a popup window when the form is submitted using the preview button. I don't have any code for this because I don't really know where to start, A
UPDATE: I got the preview to come up in a popup but I can not get the data from the form submission into that popup window.