i have php code that shows a list of colored boxes and when you click one it changes the color of a div... this works fine as i have used a changecss function... i have these colors in a database with their values and specific color names... what i am trying to do is when a color is clicked it will change the div and also print the color name....i have made a php loop to print all the color names and i have the display as none... how can i add to the onclick function that changes the color to also put the display of the certain color name to "block" and then if you select another color it hides that one and shows the new color.
Alright, me having a very basic knowledge of js I'm looking for some help with(what I think should be) a simple hide/show of a set of divs. I've broken down the ccs/html I'm looking at on a test page here...
The js I have in the page had been what I tried to modify from a simple hide/show, but it's not doing what I want it to do (obviously). The goal is when you click on link 3, I want white3 to hide and all the other white divs to show, when you click on link 3, white 2 will hide and the other white divs will show, and so on. So basically it's revealing what div you click to. A lot of what I've found have been just toggles, but I'm not very confident in my ability to adjust code.
I'm new to the forums, so if i post anything wrong let me know. I'm trying to use links to hide all the images, and show just ones from a certain category. I've used the img name attribute to group them and tried to do a function that shows only one img.
I want a background image of a tick to appear in each coloured box in my attached image onclick. When another coloured box is clicked I want the image to show in that one and then hidden in the previous one clicked. There should be no ticks shown on page load.I'm clueless as to how to do this.Here's my code for the image attached:
<div id="id1" class="invis">This is all just plain text that appears when the NO radio is clicked but disappears on reload</div> <form> <table> <tr> <td> <input type="Radio" name=" " value="hide" onClick="doSwap()" id=""> YES <input type="Radio" name=" " value="show" onClick="doSwap()" id=""> NO </td> </tr> <tr id="id2" class="invis"> <td>extra address entry stuff that appears when the NO radio and that stays on page after reload</td> </tr> </table> </body>
I have a php page that essentially builds a pay report in the form of a table. The php side builds the page properly, though it took some time to get the table rows onmouseover and onmouseout functions to work for row highlighting. Now the issue is the table row's onclick function.
<tr> <td colspan="2" align="right">Some Association of Baseball</td> <td align="right">$24</td> <td align="center"></td> </tr> </table> </div> <!-- Closes the main body div container -->
I have created a user form in which visitors can fill in sections, some of which are hidden or displayed using the onclick to trigger a DIV to display or hide then submit the results to a database using ASP. All works fine with that, however... I have created another page which retrieves the results for an individual's form submission, and I want to hide the sections that were not completed (hidden when submitted). How can I get my page to hide or show DIVs, depending on the value retrieved from a particular field within the database? i.e. if Question1Response="A", show Div ID="A Section" If Question1Response="B", show Div ID="B Section" etc.
I have this website: [URL] and see the top bar reading "sign up your restaurant" that appears after approximately 3 seconds after the page loads? What happens when you click close button on the right is that the bar disappears, now this bar appears on every page and what I need to have happen is once it gets closed by the user, it does not appear again for the rest of the user's time on the site. I'm assuming that this can be done by a cookie or something.
Newbie looking for the way have a dialog box and when a user goes to this page they see *nothing*, Except for a dialog box pop, the box says: "are you sure?" Yes/No. If user clicks yes they see the rest of the page - (just some simple html). Else no, they might see a message that says "go back".
I have found many nice filter plugins, that let you filter a table,and hide the rest of the items, and only show the item that matches what was entered into an input dialog.What I would like to do, is use an unordered list instead. Is there any plugins that support this? I have not been able to find any..
If it is not possible to do with link (<a> tags) can I achieve this with an image? Lets say I just change the image onclick and show a div box and then click the same (now changed image) and hide the box.
[URL].. There is currently a hidden div called fullsize in the content which i have hidden by putting display:none in the css on that div. But I need to get that div to display when a user clicks on a thumbnail from the horizontal scrolling gallery.
I have been trying to get it to work for about 3 hours but can't see what it is.
I'd like to have a show/hide widget on my web site, kind of like "show details" / "hide details" in Google Groups. Is there a tutorial explaining how to make them? Google's is a bit complex and it's easy to get something wrong. If the browser does not support the required features, I want it to generate a completely static page with the "details" shown automatically.