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 RepliesI 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]....
Does ADO.Net Entity Framework 3.5 support Composite Foreign key/Composite primary key?
View 5 RepliesHow to create event handlers for Composite Controls. I have created a composite control with label, textbox and button. Like this
[code].....
Now how to write the code once a event fires like text changed or click.
i am using fileupload asp.net controll so how i create image preview before image uploaded
View 6 RepliesHow to create image slide show where image path/url comes form database, using asp .net c#..
View 1 RepliesI 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.
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>
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?
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>
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 RepliesSearching 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 RepliesI 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]....
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 Repliesi 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 RepliesI 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]....
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]....
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.
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
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?
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.
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 Replies1) I have images (.png) with transparen backgrounde,which is draw by my designer suppose name of image is Col1.png 2) I also have few images with fabric design. suppose name is fabric1.jpg/png 3) Now i want to create new image with same design as Col1.png with fabric1.jpg/png design.
View 1 Replieshow to create the image dynamically based on the points i get from table
if point =1
my image must be displayed once,
if point=2
imgae has to be display twice.... in that way
I want to display the thumbnail image in grid view from file location . how to generate that of .jpeg file
I am using C# language with asp.net