JQuery :: Hide Different Elements In A Repeater Control?
Sep 21, 2010
I have several elements in a repeater control like this:
<table id="Table2" class="table2" align='left' style="padding-left: 3px;
margin: 0; width: 400px;">
<caption>
Blah
[Code].....
However the problem with this is that when I change the dropdown box it changes the hide/show status for every item in the repeater.
What is the best way to only have it hide/show the items in the repeater where the dropdown box is located?
View 4 Replies
ADVERTISEMENT
Nov 25, 2010
I want to use two checkboxes to control the appearance of two blocks. The click method doesn't work well for this situation. I have tried to use the change method, but don't know how to detect which checkboxes are checked.
$(':checkbox').change(function(){
// ....
$(':checkbox:checked').each(function(){
// ???? });
});
View 3 Replies
View Related
Mar 14, 2010
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
View 3 Replies
View Related
Aug 26, 2009
I have a asp:repeater which repeats 2 columns of textboxes inside a table. I also have totals textboxs underneath the repeater (not in the footer of the repeater).When the user leaves a textbox (onblur), I want to set the total for that column to the sum of the textboxes in the textboxes column.
I add a blur event to all textboxes in the tables tds. In the blur event, I attempt to get the inputs from the same column as the current textbox.However the blur event works on tb1 only. I am also unsure as to how I would determine which total input to add the value to when in the blur.I have included the rendered code below.
<script>
$(document).ready(function(){
//get each td in each row in the table
[code]....
View 7 Replies
View Related
May 13, 2011
I am working on a project where I need to drag an image from a ASP.NET datalist control that is bound to a datatable to a repeater control that is bound to a datatable. The issue I am having is I need to know the Id (field bound to the datalist) of the row of the dragged image. Is there a way to access this field when the image is dropped? I would also need to know the id of the row in the repeater that the image is dropped on.Here is the code that I currently have:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SRCartPg2.aspx.cs" Inherits="HRI.Proof"%>
<!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" >[code]............
View 1 Replies
View Related
Jul 16, 2009
I've got an ASP.net repeater which has an unknown number of rows, that I'm passing as a variable into the client-side code. Each repeater item has two dropdowns in it, one of which I need to attach to a jQuery event to create a cascading dropdown. I've put the change(function() { into a for..next loop, along with the target control. It's not pretty, but it seems logical. Problem I have is whenever the function is called, the ID of the target control is the max value of the loop + 1. Why is my loop variable behaving like a reference type instead of a value type? Why is it even in scope outside the loop? Alternatively, is there a better way to do this? The code:
var rows = 4; // this is populated from the server code
for (iLoop = 0; iLoop<rows; iLoop++) {
$('#ctl00_repCBSkills_ctl0'+iLoop+'_ddlSkillCategory_ID').change
(function() {
[Code].....
View 2 Replies
View Related
Jun 3, 2011
I have a dropdownlist inside of a repeater that I want to capture the change event on. The problem is the id of the dropdownlist is different for each of the dropdownlist controls that gets created. Is there a way to account for this using JQuery? I have the code working in .Net, but I want to convert it to JQuery to avoid to PostBack.
View 1 Replies
View Related
Apr 8, 2011
I'm trying to use a javascript class to assign specific event handlers to different elements. I create an object and pass it a reference to the element, and some properties for the event handler to use. When the event fires, I want the handler to reference the properties of the object. But I'm clearly doing something wrong as multiple instances all refer to the most recent object only.
View 1 Replies
View Related
Jun 29, 2011
Is it possible to hide more than one element using one .hide(); For example can something like this be done -
$('#one', '#two', '#three').hide();
as opposed to listing them individually like -
$('#one').hide();
$('#two').hide();
$('#three').hide();
View 1 Replies
View Related
Aug 28, 2009
I'm having an interesting IE6 and IE7 issue that may just be par for the course. i'm curious if anyone else has run into this problem.
Here's the URL: [url]
I have a bunch of nested lists with IDs in certain ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to hide all the ULs with that specific ID. everything works as expected in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only notice the first UL in the DOM tree. so IE6/7 hides that first UL, then stops.
View 3 Replies
View Related
Jun 16, 2011
$('a.showContent').click(function(e) {
e.preventDefault();
$(this).each(function(i) {
$(this).parent().parent().find('.hide').slideDown();
[code]...
is also not doing it..how do I hide elements with same link that I used to show them?
View 4 Replies
View Related
Jun 16, 2009
i want to hide some elements on my site, but don't want to makethese inaccessible for users without javascript enabled. Some usersare complaining about being able to see that element for a splitsecond before the page has finished loading and the element is hidden.Is there a way in which I can hide the elements right from the start,
View 2 Replies
View Related
May 5, 2010
oving jQuery at the moment, and have sort of hit a hiccup with showing and hiding specific elements with the same class. My idea is, what if I wanted to add a little button to show and hide the contents of a specific comment on a forum post, or blog, whatever. This would be easily done with id's but I'd like to just apply a class to each one of them and allow them to hide their contents. Here is the javascript and html as an example of what I am talking about.
[Code]...
View 2 Replies
View Related
Sep 9, 2010
i've got a question. I would like to show childlists in a sidebar which have less than 2 elements in it, and hide childlists which have more 4 elements in it.this is what i got til now:
$('.sf').children('li').children('ul').length <= '2'){
$('.sf').children('li').children('ul').show();
}
but with this code, all childlists will be shown.
View 2 Replies
View Related
Aug 19, 2010
I am new to jQuery and I am having trouble with the syntax, selectors and refining when trying to create functions. What I am trying to achieve: I have a gallery consisting of a ul with images placed in vertically stacked list items. The ul is in a fixed size wrapper with overflow:hidden so only the first list item displays. The user clicks a button and the first li is hidden using hide(400). This makes the other list items flow up and reveals the second list item within the wrapper window.
When the last list item is visible, the click will show(400) all of the list items again, causing them to flow back into order and only the first item will be showing again. Further clicks will repeat this process from the beginning. I know what I would like to do in terms of code, but I am having trouble with the correct syntax, selectors and refining. I have included the html and description version of the code I was hoping to create. I know the code could be much more efficient by placing functions into variables and testing for true false, but I would like to see the steps with my longer code description for learning purposes. Perhaps afterwards someone can blast it off in two lines.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list hiding test</title>
<style>
.listWrapper {
height:25px;
width:380px;
background-color:#d6d6d6; .....
View 2 Replies
View Related
Aug 4, 2010
how one can show and hide a div element using a pulldown menu. i need the different selections in the pulldown menu to show hidden DIV elements on the page. this will be used in a system where i only have access to the template, so the only approach i can use is jquery. how to change it for the specific selectors i need.
<!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">
<head>
[Code].....
View 2 Replies
View Related
Mar 17, 2011
I have a set of radio buttons on my pricing page:
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
View 1 Replies
View Related
Jul 20, 2005
I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.
I have this code to hide one element by id
if (document.getElementById(id)){
document.getElementById(id).style.position = 'relative'
document.getElementById(id).style.display = 'none'
}
Anyone has a cod sample for looping through multiple elements and hide
them?
View 12 Replies
View Related
Oct 13, 2005
I've got the following function which works perfectly...
for (x=1;x<howMany;x++){
what = "b_" + whichProcess + "_" + x;
document.getElementById(what).style.display = ''
}
the function will pass how many elements there are to be changed along with their ID numbers... it's used to hide rows on tables... eg:
<tr id="b_1_1"></tr>
<tr id="b_1_2"></tr>
<tr id="b_1_3"></tr>
the above hide perfectly... but I have other rows such as
<tr id="b_1_1"></tr>
<tr id="b_1_2"></tr>
<tr id="b_1_3"></tr>
<tr id="b_2_1"></tr>
<tr id="b_2_2"></tr>
<tr id="b_3_1"></tr>
my question is how can I make a loop which will hide ALL elements which begin with "b_"
View 2 Replies
View Related
Nov 4, 2006
I have some nested lists that I am trying to clean up. What I am wanting to do is to be able to click an item in the outermost list (the catagory), and have it show the appropriate inner list (the subcatagory). I have it working in FireFox, but IE is not working. Code:
View 2 Replies
View Related
Jun 11, 2005
I'm working on a form that hides/shows certain elements when certain things are selected.
In the file I'm working with, when you select the "problem" radio button, the "problem" drop down menu appears. When you select the "request" radio button, the "request" drop down menu appears
Now, when I try to make a selection from the "problem" drop down menu, nothing appears like it should (Computer, Monitor, Printer, and AVPeriph are the active ones). Everything stays hidden.
With each of those 4 selections, a table element should appear. Any ideas to what the problem is? I'm assuming it's the javascript since I don't know it too well.
View 8 Replies
View Related
Sep 8, 2011
I have a page which consists of mutiple DIV's which each of them have an ID in the following naming convention:
box_1
box_2
box_3
[code]....
if a user clicks a box to remove it from the screen (e.g. they click box_2) I need box_3, box_4 and box_5 to be hidden as the process on screen is linear - i.e. the user should only be able to see the next box when they make a selection from the current box.Is there any way I can hide these boxes if the box previous to them is removed?I have seen something for jQuery gt() but I tried using it as below but nothing happened:
$('#box_'+tagid+':gt('+tagid+')').hide();
View 5 Replies
View Related
Nov 5, 2010
I'm trying to figure out a small javascript question. I have certain elements in my pages that I want to show or hide if the user has javascript disabled. [code]...
View 1 Replies
View Related
Jan 27, 2011
I have a HTML document with form. The form has several radio buttons. I want different elements of HTML (including <input> elements) to appear when each radio button is selected. Also, it is intended to show only those elements for a specific radio button. For example, if i select RB1, it shows me element div 1 and hides all others. If i select RB2, it hides element div 1 and shows element div 2, et cetera. So far it works fine with .style.visibility = 'hidden' and 'block'. Now, here comes the problem - each element appears below the previous element, they appear as they are in the HTML, no matter if i show the previous one. It looks pretty bad, because element positions are jumping as i select different radio buttons. How do i keep them in the same level, at the same position?
View 3 Replies
View Related
Feb 9, 2009
i assume this is fairly simple to do! however i cant seem to find a solution that works.
i have links which use shadowbox to load content as an iframe, but in ie if the page is not loaded it takes you direct to the html page instead.
i thought if i could hide the ul elements which contain the links until the page loads this would work.
does any body know how i can do this with unobtrusive javascript ideally?
View 3 Replies
View Related
Nov 6, 2007
I am trying to show/hide all the elements with a specific id ....
View 1 Replies
View Related
