JQuery :: Toggle Multiple Divs / Failed At Each Attempt To Put Code In A 1 - 6 Loop To Hide All Divs?
Jan 31, 2011
I was just after some help to put the following code into a loop. I have 6 div's with id's ImgDetails1 - ImgDetails6 and 6 buttons
with id's 1 - 6
if 1 is pushed it should hide the other divs but ensure div1 is shown. the same applies for every other
div.
I can do this the long way writing logic for each div but I am not the best with js and have failed
at each attempt to put the code in a 1 - 6 loop to hide all divs except the one selected and make sure that is shown.
[Code]....
View 4 Replies
Similar Messages:
Mar 23, 2011
Problem in code adds to the same div? I need it to add multiple divs of the same id.Atm it takes all the seperate entitys or colums in my database and places them in the one div called I was hoping it would add for each record in my database which is equal to the userid in my sqlsyntax.
How can I achieve this?
Code:
using (OdbcCommand cmd = new OdbcCommand("SELECT Wallpostings FROM WallPosting WHERE UserID=" + theUserId + "", cn))
using (OdbcDataReader reader = cmd.ExecuteReader()) [code]...
I need it to look like this:
<div id="test1">
<div id="mysqlcontent">record 1</div>
<div id="mysqlcontent">record 2</div>
</div>
View 3 Replies
Mar 26, 2012
I have a bunch of divs that are widgets. I am using a custom role provider and I need to hide the divs based on roles. Is it better to add a "runat=server" attribute to the div so that I can hide/unhide in the code behind? Should I hide/unhide on the aspx page or do i use panel controls and hide/unhide in the code behind?
View 1 Replies
Dec 1, 2010
I have several divs on an asp page. All of my divs are runat="server". On the initial load of my page I set all the divs visible property to false because I dont want them to appear on the first show. Then, I have a drop down list raising postback events.
On the selected index changed event I am setting the visible property of my divs to true to make them appear on the page. However this does not work.
I discovered that, on the initial load non of my divs are added to the page's html content. So, on a postback event non existing divs can not be made to appear. If all the divs would set to visible = true on the initial load, postback event would work just expected.
Could any one tell me a way to hide divs on the initial load and make them appear on a postback event?
View 3 Replies
Apr 6, 2010
I'm sure I've seen examples somewhere before, but I can't seem to find them. I have a page which has 5 buttons. I'd like each button to load up a different form, without refreshing. I could use UpdatePanels, but it sounds overkill for this (and bandwidth-costly). I'd like to load all the forms in one go, so clicking through the buttons essentially hides/shows the relevant forms. I can't do this using the html() method (as-is) since the forms can be quite complicated and contain ASP.NET controls which postback to the server. Instead, I've put the forms in individual divs. I tried doing something like this:
case "button1":
$(".current_form").show();
$("#divForm1").prependTo($('.current_form'));
break;
case "button2":
$(".current_form").show();
$("#divForm2").prependTo($('.current_form'));
break;
The problem with this is that the old form always remains there, rather than being replaced. Is it possible to attach a div to a given container in JQuery? Or is there another method which may be better?
full code
<script type="text/javascript">
$(document).ready(function() {
$("button").button();
$("button").click(function() {
switch ($(this).attr("value")) {
case "button1":
$('.current_form').empty().show();
$("#divForm1").clone().prependTo($('.current_form'));
break;
case "button2":
$('.current_form').empty().show();
$("#divForm2").clone().prependTo($('.current_form'));
break;
}
return false; //prevent postback
});
});
</script>
I'm testing with these divs:
<div class="current_form">
<div id="divForm1" >
This is div 1
</div>
</div>
<div class="current_form">
<div id="divForm2" >
This is div 2
</div>
</div>
View 1 Replies
Dec 3, 2010
I have 2 divs with 2 nested divs in them. Let's say div1 contains div11 and div12 and div2 can also contain div11 and div12. I know that this is not normally allowed but I am using jTemplates and they do allow you to print the div11 and div12 twice or more on the same page. The HTML looks like this:
<DIV1>
<DIV11>Some text</DIV11>
<DIV12>Some text</DIV12>
</DIV1>
<DIV2>
<DIV11>Some text</DIV11>
<DIV12>Some text</DIV12>
</DIV2>
How do I ensure that I only have one div with the unique ID loaded on the page, so I don't get in any duplicate DIVs. The result should look like this:
<DIV1>
<DIV11>Some text</DIV11>
<DIV12>Some text</DIV12>
</DIV1>
<DIV2>
Some other text
</DIV2>
Is there any way to check for a duplicate ID in either jQuery/javascript language and remove all but one using each or some other method?
View 3 Replies
Sep 9, 2010
Is there a jQuery technique to select all the page controls/divs with a non-zero scrollbar position?
I'm trying to solve a problem faced by many; essentially after a partial asp.net postback all the controls/divs that had a scrollbar with a non-zero value (ie: were scrolled down to some position) are reset to the zero (top of the scrollbar).
My approach is to have a jQuery script save all the scrollbar positions for all the controls/divs contained on a page and after the postback, restore all the scroll bar positions.Is it possible, can it even work? If it is, how do I use jQuery to select all the divs with scrollbars and then save those positions.
View 2 Replies
Feb 7, 2011
The AjaxToolkit has a ReorderList. I'm searching for a jQuery solution that does the same and found this page. I would like to change the order of divs (vertically) and upload the new order to the database (ajax).
View 2 Replies
Nov 21, 2010
I am having a problem floating div's inside the AJAX TabContainer. The content I place inside the TabPanel is jumping outside the border. Here is the code:
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="EquipmentDetails.aspx.cs" Inherits="DocumentSandbox.Web.WebForm4" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
<asp:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
<ContentTemplate>
<div>
<div>
<div><div>ID:</div><div>
<asp:TextBox ID="txtID" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>Phone Number:</div><div>
<asp:TextBox ID="txtPhoneNumber" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>Address:</div><div>
<asp:TextBox ID="txtAddress" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
</div>
<div>
<div><div>Last Name:</div><div>
<asp:TextBox ID="txtLastName" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>First Name:</div><div>
<asp:TextBox ID="txtFirstName" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
<div><div>Middle Name:</div><div>
<asp:TextBox ID="txtMiddleName" runat="server" CssClass="criteriatextbox"></asp:TextBox></div></div>
</div>
</div>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
</asp:TabPanel>
</asp:TabContainer>
</asp:Content>
Here is the css for this code segment:
.searchcriteria
{
}
.searchresults
{
clear: both;
}
.criteriacolumn
{
float:left;
width:500px;
}
.criteriarow
{
width:498px;
height:24px;
padding-bottom:2px;
}
.criteriatextbox
{
padding-top: 3px;
float:left;
width:285px;
}
.criterialabel
{
width:200px;
padding-right: 6px;
text-align:right;
float:left;
}
I found a possible solution here: [URL], but I'm hoping for another option before I give up on having a border.
View 3 Replies
Apr 7, 2010
I'd like to have a div as a canvas, where users would choose images to show, out of a list. They will choose what background it would have, icons, and they will upload an image which will appear in this canvas too.I'm looking for solutions in PHP or ASP.NET.
View 1 Replies
Dec 6, 2010
I have inherited a web application that uses tables to layout the whole web application. This is a rather large web application and I would like to migrate it to using divs for layout instead of the current birds nest of tables.Does anyone have any good suggestions for the best way to migrate the web site to using divs (That would convince the boss that it's worth doing).This is a asp.net web application where most of the html is done through response.write.EditI have been working with the site for a while now and would have to say that even a site with a badly nested div layout would be better than using table layout.
View 1 Replies
Jun 24, 2010
Searching on google, i deffinitly can't find a non-javascript way to show and hide my panel/updatepanel.I do have panels and updatepanels, I want to show/hide them on the fly, after a button click, preferably without javascript, or if so, with jQuery.All the examples I found consumes a lot of code and honestly I don't want to crap out my code just because of this.
View 2 Replies
Mar 24, 2010
I was playing around with ASP.NET Web Parts which has a "drop down" div. It's all the way to the right of the page. When I click to bring it up, it goes off the window. Usually anything off the viewable area will trigger the bottom scrollbars. How is this possible?
Edit: It's Internet Explorer 8. Below is the markup with some context. The relevant one I think is id=WebPart_wp774658725VerbsMenu. By default it doesn't display. When you click on the td/span Verbs/span VerbsPopup (it could be any), it shows the "dropdown". In Developer Tools I don't see any JavaScript attached to those elements, but if I debug it I see it running some.
<TD class=partTitle>
<TABLE style="WIDTH: 100%" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
[Code]....
View 3 Replies
Sep 30, 2010
i am trying to reer datalist into divs rather than td tr, if u have any tutorial or any refrence than post it here....ur replies would be appriciable.
View 2 Replies
Jul 24, 2010
I have created a horizontal menu using <UL> and <li> tags. Hovering over a top level <ul> causes the lower lever <li>'s to drop down. This works well but there are two narrow <div>'s below that act as decoration. These disappear when the drop down submenus lay over them. I have played with the z-index properties of both lower <div> and of the menu items but have not resolved the issue. I want the submenus to drop down over the <div> but for the <div> to remain visible outside of the covering sub-menu.
[Code]....
View 2 Replies
Feb 26, 2010
I've googled all over for a solution but I cannot seem to find it or understand it if I have looked at. What I want to do is click a link that I generated from txt data that will unhide my div and generate a new series of links. In order to generate these links I need to pass an argument. Then I want to click a generated link (now the 2nd level) to unhide another div and generate another list of links (now a 3rd level) with an argument.
It sounds simple but once I click the 2nd level link (the 2nd generated link) I lose everything as the page reloads. I understand that when I click the 2nd level link it is posting back to the page and wiping out my variables maintaining my generated links. Below I've attached some code that simulates my problem (minus the file calls for generating links). The first link(generated and placed in a panel) reveals div with another set of links based on an argument. The third link (the second link hides the first div) is suppose reveal another div with the message "YAY". The third link does not display the second div but instead refreshes the page.
[Code]....
View 2 Replies
Apr 1, 2010
The first one shows the page with a form which has an updatepanel around it. The second one shows what the page looks like for half a second when clicking the submit button in firefox.
Every <div> tag inside the updatepanel go grey (the background color of <body>) creating weird flickering... How can this be avoided? It seems the div's go transparent but they don't show the white background color of the div surrounding the form, it show the body background color.
I need the updatepanel around the form for some of the validation controls to be displayed so not letting it span the whole form is not an option.
View 4 Replies
May 24, 2013
I have created Dynamic LinkButtons. Each of which has a click event and some particular output, Its working fine this way. E.g.
when i clicked ASPsnippets message is "Hi asp snippet"
when i clicked Google message is ""Hi Google"
But
"Hi asp snippet" is removed when iclick GooglE
View 1 Replies
Jan 23, 2010
I'm trying to customize a ListView control to display like a GridView so that I can enable users to see and update multiple database records at a time.
In the ItemTemplate I've encased all the fields in divs with a style class that would give each div a set-width and left & right borders so that all fields would lineup like a column, however the divs display underneath each other rather than side by side. I tried nesting all the "field divs" in a <p></p> but this doesn't work.
I've spent much time Googling my question and haven't been able to find a clear answer. I'm teaching myself ASP.Net on my own with books and online tutorials and these materials have not shed much light on this particular issue either as of yet.
My Code Example:
[Code]....
View 5 Replies
Feb 10, 2010
In code below, when I have more than one DIV open and I choose to sort one of the GridViews, all the other Open Div's will close automatically. How can i keep the DIV's in the state they are in when I sort any GridView?
[Code]....
View 3 Replies
Jul 29, 2012
I am using GridView to display a list of forms submitted by a user and in one of the column I have a LinkButton which has got a conditional logic behind it to either display or hide it. The pseudo code for logic basically goes like this:If User has received a comment Show the link to the comment on the GridView. Else Hide LinkThis is the SQL that checks whether the user has got a comment for each submitted form:
Sql = "SELECT * FROM TableStudent INNER JOIN TableComment ON TableStudent .sID= TableComment .sID WHERE TableStudent .sID=@sID"
The SQL is working fine but I am having problem with looping through each form row to check if they have comment or not. Currently, the code hides the first row (correctly) but does not seem to be hiding the link for the following rows that does not have comments. I think my syntax for looping throw each row is incorrect.
For Each row As GridViewRow In gv1.Rows If ds.Tables(0).Rows.Count = 0 Then TryCast(gv1.Rows(0).FindControl("lnkBtnComment").FindControl("lnkBtnComment"), LinkButton).Visible = False Else TryCast(gv1.Rows(0).FindControl("lnkBtnComment").FindControl("lnkBtnComment"), LinkButton).Visible = True End IfNext
I revised the code as it seemed to be affecting only the first column and changed it to this:
For Each gvrow As GridViewRow In gv1.Rows If ds.Tables(0).Rows.Count = 0 Then TryCast(gvrow.FindControl("lnkDisplayComment"), LinkButton).Visible = False Response.Write(ds.Tables(0).Rows.Count) Else TryCast(gvrow.FindControl("lnkDisplayComment"), LinkButton).Visible = True Response.Write(ds.Tables(0).Rows.Count) End IfNext
Now the output for this has been if the associated form has any comment, it shows all the links and if the associated form has no comment, the comment links are hidden. And I have one applicant with two forms submitted; one of them has comment and the other does not. But my repsonse.write is returning 1 for both rows when I should clearly be 0 as it does not have any associated comment.
View 1 Replies
Aug 11, 2010
I'm using SQL 2005 for my current project. My remote hosting server uses port number 4433 for my database. So my connection string is as follows data source=IPaddress,4433;initial catalog=mydb;UID=sand;PWD=sand45;
But when connecting from my local machine from .NET or from SQL Management Studion it creates an error
A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections.(provider: TCP Provider, error: 0 - A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond.
View 6 Replies
Mar 30, 2011
how to load Page.ClientScript.RegisterStartupScript(Page.GetType(), Page.ClientID + "_ReadyScript2", scripts.ToString()); in Class file resubable code
View 2 Replies
Feb 14, 2011
I am using the codes sample from Peter through this link:http://www.eggheadcafe.com/articles/20030316.asp
to validate email address. I made some minor modification to validate user email address after the user have entered his or her email address as show below
string[] host = (address.Split('@'));
string hostname = host[1];
IPHostEntry IPhst =
Dns.Resolve(hostname);
IPEndPoint endPt =
new
IPEndPoint(IPhst.AddressList[0], 25);
Socket s =
new
Socket(endPt.AddressFamily,SocketType.Stream,
ProtocolType.Tcp);
s.Connect(endPt);
The last line of code s.Connect(endPt) generated the following error if the user email address is anything other than the company email address. I have try gmail, hotmail and they all generated the same error. Can the experts tell me how to get around the problem.
Here is the error:System.Net.Sockets.SocketException: A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond 64.4.20.174:25
at System.Net.Sockets.Socket.DoConnect(EndPoint endPointSnapshot, SocketAddress socketAddress)at System.Net.Sockets.Socket.Connect(EndPoint remoteEP)
at MGHRadiologyAlert.IfaWebService.ValidateEmailAddress(String address) in
View 1 Replies
May 27, 2010
I'm having a problem in setting up my reportviewer's ReportServerUrl and ReportPath(Server Report's Properties).
View 6 Replies
