JQuery :: Show Certain Vars With Certain Divs With .ajax()?
Jul 11, 2011
I'm using ajax to get multiple vars from a database and would like to show the vars in different parts of my page but everything is shown all in the same spot with the div.
An example is I'm pulling a home number and an email from a database and want to show them in different spots.
I have it working but I have to make a seperate ajax(), url, for each var which I don't think is very efficient!
[URL] you can test the search out by typing 000-000-0000 into phone or bank into the name field and tabbing through both input fields.
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
[Code].....
View 2 Replies
ADVERTISEMENT
Sep 16, 2009
I am building a large registration form. In this form, a sponsor/educator must register himself or herself and then may add up to 6 more " delegates" in pairs. The first two pairs registration info on the form is shown by default. I need to hide the other two pairs until when/if the user clicks on a button to add two more delegates at a time. I used javascript to show or hide the parts of the form that I had put into two divs and adjusted the css display attribute. However, my problem was that, if the user filled out the sponsor/educator section and the first two delegates, and then decided to add two more, when the user clicked on the button to show the part of the form for delegates 3 and 4, it reset all the previous visible form fields to empty. Not good. So, I thought, maybe AJAX.
I created the request object (I am a relative novice at AJAX), had it grab a text file with the code to insert into my target div, in this case a div with id = "delegate3and4". Surprisingly however, it still reset the previous form fields to empty. Am I misunderstanding how AJAX is supposed to work? I figured that, because it does not refresh the page that this would not happen. In fact, to test this out, I created a simple page from scratch with just a single input field and then used AJAX to insert the file in a div after this field and it did not reset the previous input. So, I am totally confused about why this would be happening on my live page. The page is a php page as it submits the form to a php script for processing but I don't think this should make a difference.
View 3 Replies
View Related
Aug 19, 2009
I'm looking for some javascript to work with wordpress (jQuery preferrably) that will show/hide multiple divs on one click.
I had one working but it was kinda janky because it was causing me to have two divs with the same ID on one page. No good.
Since I updated to wp2.8.3 prior to launch, it's not working. So I've decided to just try and do it right.
Here's a page: [URL]
So, what I want to happen: On page load, the first tab: "general" and it's corresponding div beneath should be showing. And the first image should be showing. The other content divs and images should be hidden. I've given the text content divs a dashed border to show their borders. When a visitor clicks "dine at home" the general div and image hide, the second content div shows, as does the second image (it's currently the identical image, but the client may change later.) Etc.
I'll be using this function on a few other pages as well.
how to adjust this javascript to work on two different IDs at once?
current code:
Code:
<script type="text/javascript" charset="utf-8">
$(function () {
var tabContainers = $('div.imgswap > div');
[Code]....
View 2 Replies
View Related
Jul 12, 2010
Note: answers along the lines of 'use jquery' or 'use (insert wellknown framework)' is not helpful.Frameworks such as jquery includes alot of extra code which is not nessary at all for what I am doing. 'But, you can include one from Google', yes that may be the case, but I prefer to keep to my own code. With that in mind, lets proceed to the problem.
I have an ajax call which doesn't pass POST vars through on IE7/IE8, but only on odd occasions. It appears to be extremely random and the majority of the time it does work. I am had a look at jquery and cannot see much difference in the way it works compared to this custom one.
[Code]...
View 3 Replies
View Related
Mar 24, 2007
I want to load some pages generated with the server (ASP) and assign
their html results to JavaScript, so users could click the links and
the content of any selected page would show up immediately, making no
requests.
So, I have one main page called mainpage.asp which, I think, should
get all subpages with content, names are subpage1.asp, subpage2.asp,
etc. I tried ASP's XMLHttpRequest to get content of all sub pages and
assign html result to JavaScript variables. But I realized that MS
XMLHttpRequest does not get session protected pages. I mean that if my
subpage will generate output with session only, then even if the
session exists, MS XMLHttpRequest does not see it.
Anyway, this trick did not work. If I include these subpages in
mainpage.asp under a hidden field, this may be a solution but I do not
see it good enough yet.
What would you recommend? How would you assign subpage's html code to
JavaScript variables or array of variables?
View 3 Replies
View Related
May 24, 2010
I have been using a jquery based plug-in, and what i would like to do is degrade it, so a non js enabled browser will hide the relevant div when js is not enabled, and show a different div with appropriate message content.i have followed a couple of tut's which do this on click, but i would like this to occur on page load.
View 2 Replies
View Related
Jun 28, 2011
I am modifying some code. Unfortunetly, some of it is dependent on "other" code I don't have access to.
In a nutshell.
I have something like...
Code:
<div id="topnoshow" style="visibility: hidden;">some top content</div>
<div id="actiondiv" style="visibility: hidden;">
This div shows when some data is returned by the app. We have some js that grabs etc.. formats it etc.. and finally shows this div (see below).
</div>
<div id="bottomnoshow" style="visibility: hidden;">some bottom content</div>
So, those three divs are hidden, but the middle div is generating data etc... and eventually it will show (or maybe not).. BUT, I only wanna show these divs:
topnoshow
bottomnoshow
WHEN actiondiv is show(). I can't use a periodic executor OR add some code to the file that determines when to show "actiondiv".. but there is an event trigger set (see below).
The CODE I CAN'T MODIFY HAS THIS:
Code: jQuery('#actiondiv').trigger('actionmodule:loaded');
Can I somehow, in my file, do something off of that event? .trigger('actionmodule:loaded')
View 1 Replies
View Related
May 24, 2011
Completely new to jQuery but I am trying to implement a few pieces on my new website. At the moment I have three images in a row and I want to be able to click on any one of the images and use jQuery to populate a hidden div below the three images that contains more info and slide it out using the fold animation. I'd also like it if when a second image was clicked it closed the currently open div and opened the new one. I've seen tutorials that open the divs but can't find one that closes them again on opening a new one.
Can anyone point me to a tutorial that does this or suggest how it could be done?
View 2 Replies
View Related
Jul 28, 2010
I'm trying to display and hide whole chunks of my page via show/hide on various content divs. However, after hiding a div, when I try to call show on it again, it does not remove the display:none style on the child divs. Is this intended behavior and if so, how do I show ALL child elements of a div at once?
My Javascript:
$("#home_link").click(function() {
$("#content div").hide('fast').delay(400);
$("#home_content").show('fast');
});
[Code].....
View 2 Replies
View Related
Aug 20, 2009
I have a site with a lot of small div-boxes (with images and movieswithin them)they are positioned with CSS and float:left.i created buttons, which show and hide either all images or all moviesthis works well.but when i switch between these options, the float-position of thedivs goes crazy and every div-container is on one line for itself(instead of 5 on one line)
View 2 Replies
View Related
Oct 6, 2010
I have a table with 5 columns, I want to show column by column, first show the 1st column, after 5 seconds hide this column and show the 2nd column, and when I show the 5 column hide this and return to the 1st.All this automatically, without a button click If is more easy with divs I can change this columns for divs
[code]....
View 1 Replies
View Related
Mar 25, 2011
I have a jquery function that will show or hide a div id="hide1" based on the result of a select id="ticket1"
$(document).ready(function(){
$('#hide1').hide();
$('#ticket1').change(function(){
if(this.value == 'adult'){$('#hide1').hide();}
[Code]....
It works well! But my script actually clones elements of the form so a user could be selecting adult or child for a number of tickets - ticket1,ticket2,ticket3....
How can I adapt that script so that it will show/hide for each ticket
View 4 Replies
View Related
Sep 15, 2010
I'm currently programming a website and we wanted to have Jquery on it. This is my first real foray into Jquery (other than occasionally using a plugin here and there) so I'm a bit confused as to why what is happening is happening.
The idea is to have 3 different things going on: At the top of the website we want rotating ads. When one of them is clicked, it opens a video file in Lightbox style (darkens the BG) 3 rotating banners below that, when clicked they just go to a website 3 more buttons with play buttons in the corners. When the play button is clicked, a video player takes over the button and plays the video. So far I have the 2nd and 3rd one working. The video player works, the Jquery shows and hides the divs appropriately, and the rotating banners work great.
[Code]...
View 4 Replies
View Related
Jul 11, 2011
I have a little issue with trying to hide / show multiple divs on my page. I am using a class name for the divs but the name is generated by a field have set in my database. So for example
<div class="General">Ttitle 1</div>
<div class="General">Ttitle 2</div>
<div class="General">Ttitle 3</div>
<!-- and my link is -->
<a href="#" class="toggle" title="General">Toggle 1</a>
And then say I have
<div class="Questions">Ttitle 1</div>
<div class="
Questions ">Ttitle 2</div>
<div class="
Questions ">Ttitle 3</div>
<!-- and my link is --><a href="#" class="toggle" title="
Questions ">Toggle 2</a>
What would be the easiest way or the best way to code out the jquery to hide / show all the divs with the same name as the links title i can do code jquery to toggle 1 div but not sure how to code it so that it will hide / show all the divs with the same class name.
View 5 Replies
View Related
Mar 28, 2010
Is there a way I can simplify my code below? I want to be able to have just one iteration of the code and have it automatically switch out the IDs without have to add a new bit of JavaScript with each new div that is added. Here's my Javascript:
$(document).ready(function() {
// toggles the personnel window on clicking the image/header
$('div.title'+'#one').click(function() {
[code]....
View 2 Replies
View Related
Dec 5, 2009
I am new to jquery and need some help with this I have the following simplified html
[Code]...
View 2 Replies
View Related
Jul 28, 2010
I have 2 divs: <div id="box1></div> and <div id="box2></div> I also have one link to contoll them both. The effect I want to get is: when I click first time on my link box2 hides, when i click second time also box1 hides, when I click third time both divs should show. I manage to do that both divs hiding but later I can't get the show. Im trying sth like this:
$(document).ready(function() {
$('.slick-hide').click(function() {
$('#box2').hide('fast');
$('.slick-hide').click(function() {
$('#box1').hide('fast');
$(".slick-hide").removeClass("slick-hide").addClass("slick-show");
$('.slick-show').click(function() {
[Code]...
View 2 Replies
View Related
May 3, 2011
I've got an issue with the attached file.
I have 3 buttons & 3 divs.
I would like to hide/show the relevant divs (into a container) based upon the button pressed. If no div was open, then it would simply open the relevant div, however if say div 2 was open and div 3 was pressed, div 2 would toggle closed then div 3 would toggle open.
I've got each individual div opening and closing, but I'm stuck at the next point (checking if a div is open/toggling etc).
View 5 Replies
View Related
Feb 5, 2010
Here's my issue, hoping someone can help. I have a page with 5 roundabouts on it showing pictures depending on a button click. Buttons would look like:
DOGS CATS BIRDS FISH REPTILES
So if you click Dogs, I want it to hide the roundabout for Cats, Birds, Fish, and Reptiles but show Dogs. This works perfectly in FF, Chrome, IE8, IE7, but if I view in compatibility mode or with an IE6/7 browser, all 5 roundabouts show and even if I hit the buttons, which fire the show/hide code, nothing gets hidden. Here's some code, I'm hoping someone has a tip on where I am going wrong in getting this simple show/hide of a div.
[Code]...
View 2 Replies
View Related
Jun 13, 2009
I'm trying to selectively hide and show divs based on what a user specifies using three select boxes in a form. I'm probably missing something obvious, but here's what I've got and it doesn't, work, they divs just stay hidden.
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
[Code].....
View 2 Replies
View Related
Oct 23, 2010
I have this demo site here [URL] It's a simple div with overflow: hidden this containing div houses 3 divs each containing different content. The nav at the top scrolls the divs to show the div relating to the nav clicked. The problem I have is with the last btn - Planes. The div containing the planes photos doesn't scroll to the top of the containing div but sits at the bottom. The first two btns. work as expected so I don't understand why the last btn doesn't.
[Code]....
View 2 Replies
View Related
Aug 5, 2009
I am building a forum and I am experienced in PHP, MySQL and even in jQuery now somewhat, but I have run into something I just can't seem to find the answer too. Here is a simple example which I think contains everything you need to know. If I have 10 elements on a page, say 10 divs, and I want to hide the odd ones, I would just use $("div:odd").hide() and wrap it into the document.ready function. The page loads, the divs are hidden, awesome. However, let's say that after the ten divs, there is a link which triggers an AJAX request and the return data is basically another 10 divs which get pasted under the ones already on the page.
What I would like to happen is that the script I wrote a paragraph ago kicks in and hides the odd divs automatically. Now it makes sense that this does not happen, since it seems logical that when the page loads, the script parses the divs and hides stuff, so after I get the AJAX results it won't do it again. What IS weird to me is that the functions I defined don't work either, so if I define
$("div").click(function() {SOMETHING HERE})
It will work for the first set of elements, but not for the ones which are returned by the AJAX call.
View 4 Replies
View Related
Jun 8, 2011
This is my current script
<script type="text/javascript">
$(document).ready(function(){
$("div.content1").load("content_1.txt");
$("div.content2").load("content_2.txt");
[Code].....
What I'm trying to do is get the script to look for class names div.content"x" and then correctly load content_"x".txt
View 4 Replies
View Related
Apr 12, 2010
I have 3 divs containing images floated next to each other and when clicked i want a new div to appear beneath these 3 images. Clicking on the first image i want a new div to appear beneath these 3 images. Clicking on the second image must hide all other divs and only show the content for that div.
View 7 Replies
View Related
Oct 5, 2010
I was wondering how to show MULTIPLE divs.
Not one at a time, but all my divs with one link.
Is this possible?
View 2 Replies
View Related
Apr 28, 2010
I'm loading a list of elements into mydiv with ajax, I want them to be selectable so I call the UI plugin selectable after the list has loaded.
The list building function produces this:
<div id='mydiv'>
<ul id='mylist'>
....
</ul>
[Code].....
The problem is, every time I click the link to reload the list via ajax, I get a duplicate selectable event handler created. Should I be removing the old event handlers before reloading the div ? if so, how?
Everything works, as in selectable still works, and only seems to fire once but I get ever growing memory usage in firefox and an ever growing list of event handlers in the firebug script tab. Eventually firefox starts to crawl and I have to restart the browser.
View 1 Replies
View Related
