Trying to find a way to use jquery to expand my form and add two more fields to it...
so im starting out with a NAME and an EMAIL field. this is what i would like:
Once you click in the Name and start typing the div with the form will expand and show two MORE fields (Phone and Question) ... i will show you what i have... i am using "prototype" i think to do a light box for now... i think it would flow easier and be nicer to just leave the form there but have it expand to collect all the information. here is what i have [url]
I have a php function that returns a list of people with their attributes ie address, telephone, email, etc. my idea is to display the full name of person, and then when I click on a link "more data" open a window down to display the other data, email, phone, etc.., for this use a jQuery script that collapses / expands a div, taken from: [URL], the script works fine, but only runs on the first element (person) that appears in the list in the other script is not running, if I have several pages of results, always work the first item on the list. this is the javascript code of the page, obviously this liibreria declared jquery:)
Having designed an AJAX shoutbox in ASP.NET, I'm facing two minor issues with it.The shoutbox is simple : 10 records loaded in a literal, a texfield, a send button and a scrollbar inside.When you scroll to the top of the shoutbox, it overlays a loading div and makes an AJAX call to fetch the ten previous records. Then hides the loading div.My problems are :- Any AJAX element (like the updatepanel containing my shoutbox for example) will display the overlaying div when triggered....and never hide it again. I'd like my overlay to be affected only by the scrollbar.When I scroll to the top, records are loaded but the scrollbar expands downwards. If I want to query more records, I need to scroll a little bit down and up again. Is it possible to get the scrollbar to expand upwards ?Code is below :
<script type="text/javascript"> var isMore = true; $(document).ready(
i have a couple of div's placed next to each other.When a user hovers his mouse on one of the div's the div will expand to a 100x100 size and when the mouse is then taken off the div will be 50x50 again.
Now i have the problem that i want these div's to expand from the bottom up so everything will kinda stick to the bottom (or right side, i didn't get that to work either).
It seems to me that setting the position for these guys to absolute is no option because then they will overlap.
I'm testing the Jexpand plugin (expand table rows): [URL] and i would like to know what i have to modify to expand/collpase rows only when i click on the left arrows picture (not by clicking everywhere on the row)?
I created a Expand/Hide toggle for my About Me section. I used the following codes below.How do I make it to default the About Me section to Hide first instead of Expand?ttached is an example.Attached is all the codes for the page.
Im building ul li list dynamically on the serverside code. How can I determine which node should be expanded when page is loaded ? Im using plugin: [URL]
the scripts i made is for a search box , the problem is that the search lists does not expand over the page. its just moving the page more down. this is the script:
<script type="text/javascript"> function lookup(inputString) { if(inputString.length < 1) {
I found a decent way to include a toggle feature for displaying detail rows underneath "parent" rows in a regular old HTML table displaying heaps of data: [url]
See "Expandable "Detail" Table Rows" rows section.
Would anyone know what it would take to add an "expand all/collapse all" link that would toggle all child rows open/hidden?
If so, how difficult would it be to have multiple tables with this functionality on the same html page?
I'm using the jQuery animate() function to expand a div to a certain size. first check this link to see the problem. [url]
You see 2 divs, the meaning of the divs, is when you click on them they will expand to another size.
The problem is, that the div on the right, expands to the right, and not to the left. The first div is correct.
I saw that you can use the CSS selectors (bottom, top, left, right) to set that direction, but when i use these, the div is placed on the right-edge of the screen, so i cant programm right, because there are different screen sizes, so the webpage isnt correct when another resolution comes in.
I have a vertical menu at the left of my site. When you click on the main elements, they expand with jquery to show sub-elements.The problem is the menu expanded is longer than the page and it doesn't expand the page at the same time, so it goes over the bottom of the page.How do I expand the page at the same time?
I wrote below code for Collapse/Expand some sections. It is working fine. Finally If I click "Save" button and I am re-loading (refresh)page again( code in asp.net). So then sections are going default Colleapse again. I need them back to expand sections. I mean what ever user expanded should me expanded again after refresh page. How can I do that?
Trying to expand / contract the contents of a div using show more / less. When I select 'more' the list expands and the action link is now set to 'less.'. When I select 'less', again, the list contracts as expected , but the action link is not resetting to 'more.' I can't seem to figure out where I'm going wrong....
I have a problem where the page doesn't expand when more results get loaded via jquery on a facebook style wall. Once more results get loaded the footer stays static instead of moving down.
I've created the following page: [URL]. When you click on the "More" or "Close" links to expand and collapse the grey content boxes they start to impact the layout - try clicking them a couple of times to see. I've tried heaps of combinations but can't figure this out. Something must be adversely affecting the DOM.
I am a noob when its comes to Javascript. I used two different coda like sliders for two of my sites, one of them expands vertically based on the content, the other does not. This is the site I created that will demonstrate the effect I am going for. It is a more robust coda script [URL] This is the site I am creating that DOES NOT expand vertically as I would like. I would like it to behave the same as the site above. (had to use a smaller script to function in wordpress CMS) [URL]
I was just getting started to learn about how to have expand and collapse effects, I work on css and html, but I saw collapse and expand effect on few website, so I wanted to learn it. I am just a starter in JavaScript and jQuery.
I have a page with two divs on it, <div id="left"> and <div id="right"> . On my page, there are times when the right div is not displayed as there is no content in it, how can I get jquery to detect that div id="right" does not exist on a page so make the width of the left div to 1200px.
This is what ive found, but im not sure length is what I should be using to calculate if a div exists or not:
I have a button that I want to be able to click on and for it to change to another image and also slide out a text panel and then when clicked the text panel slides back in and the button returns to its original state.
The code that i have found and adapted is below. So far I have it working to click on the button to expand but then I can only make it click on the panel to close not the actual button.
I'm looking for an expanding/collapsing tree directory type of navigation and was wondering if someone knows of a good one that's out there and available.
What I'm specifically looking for is one that is triggered on the click of a *graphic* that toggles the show/hide. Each text nav item should be hyperlinkable to it's own link/page. So for example (the + and - are the collapse/expand graphics, the dot leader is for some formatting) [code]...
Is there a way to make a node in the treeview expand/collapse ONLY if the +/- is clicked but not the folder icon or folder name but still make the node selectable?
