Show / Hide In PHP Loop?
Sep 2, 2009
I have a table, with a repeat region when there is more than one record to show, and a javascript function, that when you click on the Project ID, it shows the Job ID information in a row underneath.
Code:
<script type="text/javascript">
function toggle(id) {
var e = document.getElementById(id);
[Code].....
The problem is that when I click on the Project ID (Show/Hide link) of one of the 'looped' resutls, it always shows/hides the first Project ID's Job ID information
View 5 Replies
ADVERTISEMENT
May 18, 2011
The functions hide/show tables within a page, and update a button by the table title accordingly. The number of tables on the page is dynamic (php generated based on an SQL query), so the Expand/Collapse all buttons are generated last, and pass the table count to the functions in variable x. I have confirmed that the number passed in x is correct for the number of tables, and that all of the tables' IDs are correct in the generated HTML. The problem is that no matter what is passed in x (currently over 300), the loop ends at 27.
function expand_all(x){
var i=1
for(i = 1; i <= x; i++){
document.getElementById('tbl' + i).style.display = "block";
document.getElementById('lnk' + i).value = "[ - ]";
}}// end expand_all
function shrink_all(x){
var i=1
for(i = 1; i <= x; i++){
document.getElementById('tbl' + i).style.display = "none";
document.getElementById('lnk' + i).value = "[ + ]";
}}// end shrink_all
To confirm the values, I changed
document.getElementById('lnk' + i).value = "[ - ]";
to
document.getElementById('lnk' + i).value = "[ - ] " + i + " of " + x;
In both functions, I got incrementing values for i from 1 to 27. X consistently was 343.
View 3 Replies
View Related
May 13, 2009
I have several elements that I can perform show hide and fadeIn animations on but I want the action to continue on an endless loop. Is this possible? If it is, are there any cpu usage issues when using a loop?
<script type="text/javascript">
$(document).ready(function(){
$(".upright").hide(300);
$(".cntrlg").show(300);
$(".cntrlg").hide(300);
$(".cntrmed").show(500);
$(".cntrmed").hide(300);
$(".cntrlg, .lowleftmed").show(100);
$(".cntrlg, .lowleftmed").hide(100);
$(".lowrightmed").show(300);
$(".lowrightmed").hide(300);
$(".cntrmed").show(300);
$(".cntrmed").hide(300);
$(".upright").show(2000);
$("#dai1").fadeIn(3000);
$("#dai2").fadeIn(3000);
$("#dai3").fadeIn(3000);
$("#june1").fadeIn(3000);
$("#june2").fadeIn(3000);
$("#june3").fadeIn(3000);
});
</script>
View 8 Replies
View Related
May 6, 2010
Does anyone know why this isn't working? The toggle function works perfectly fine with PHP loops, but when I insert the table td tr tags, it does not hide the loop when the page first loads...It just shows the results in the div which it shouldn't be doing.
Here's what my code looks like...
JS
Code:
<script type="text/javascript">
function toggle(element) {
if (document.getElementById(element).style.display == "none") {
[Code]....
View 3 Replies
View Related
Sep 12, 2011
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Code:
View 1 Replies
View Related
Jan 22, 2009
I am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
View 7 Replies
View Related
May 14, 2010
I had some code that kept repeating itself over and over again, with the only variance being some named elements changing. All the named elements ended in a sequential number, so I figured I'd just put one of the repeating blocks into a "for" loop and then make that sequential number at the end of the named elements into the variable in the loop. Again, the code worked fine when copied/pasted over and over, but now it doesn't do anything. Here's one of the code snippets outside of the loop (which worked):
Code:
$(document).ready(function () {
$("#SelectDiv1").change(function() {
if ($("#DD1").val() != "0") {
$('#SelectDiv2').hide();
$('#SelectDiv3').hide();
$('#SelectDiv4').hide();
$('#SelectDiv2').show();
$.ajax({ .....
You can see there's an "alert" as the first part of the loop. That "alert" never shows up. However, if you comment out everything in the loop after the "alert", then the "alert" works. So something else in that loop is causing the whole thing to not work. I find it odd that the first "alert" wouldn't work, though, since it should be the first thing that happens before any of the other code is executed in the loop, right???
View 8 Replies
View Related
Aug 11, 2005
I am trying to hide some form elements in a form by default and show/hide
depending on which radio button is clicked. This is what I have but it is
not working: Code:
View 2 Replies
View Related
Sep 6, 2005
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.
View 3 Replies
View Related
Oct 26, 2009
Check this code:
<a>text</a>
<div id="pkg">pkg</div>
<div id="table_pkg">table_pkg</div>
I'd like to show table_pkg and hide pkg when I click on <a>text</a>. How can I do?
View 3 Replies
View Related
Apr 8, 2009
I am using some simple javascript to show and a hide a div
Code:
function showHide(d) {
if (document.getElementById(d).style.display == "none")
{
document.getElementById(d).style.display = "block";
[Code]...
View 5 Replies
View Related
Feb 12, 2006
i have 5 sections in seperate divs and i am trying to collapse them using anchor onclicks and some js to toggle the display style. I am a little unsure of how to make this piece of code work a little more elegantly(lack of js symantic knowledge). Code:
View 3 Replies
View Related
May 17, 2006
gives me a type mismatch when I try to hide the div using the function hideTip2? Code:
View 3 Replies
View Related
Mar 29, 2010
I have 5 links and 5 divs. When the page loads I've set the visibility of first div to visible and all the rest are hidden. When the user clicks on second link I want to hide all the other divs and show only second. Similarly when the user clicks third link I want to show third div only. You get the idea. Here is what I have so far. Nothing happens when I click the second link.
[Code]...
View 14 Replies
View Related
Jul 20, 2011
Basically, I need a link that gives the user an option to show the rest of an article, and then a link UNDER the rest of the article to hide a post again. The link needs to work uniquely with each link. Every method I've used so far has worked for one post, and on the next post, when the link is clicked, it just shows the rest of the first post.
View 8 Replies
View Related
Jan 28, 2010
I have a javascript that works great in every browser except IE8. In IE8 the rows of links change but this ONLY happens when you open and close the info using the same link.
View 1 Replies
View Related
Jul 23, 2005
I would like to add some javascript to show/hide a certain row of a
table. The first row of the table contain the hyperlink that calls the
javascript the second row is the one i want to show/hide with the
javascript in a toggle fashion.
the problem is a know very little javascript and have become incredibly
frustrated because i went ahead thinking it was going to be like C. its not.
I know i can use these lines to do the actual work:
document.getElementById("row").style.display = "none"; // hides row
document.getElementById("row").style.display = "inline"; // shows row
but I don't think i can use a getElementById exactly because i want to
reference the element via its relationship to the hyperlink that calls
the javascript, i know this can be done. You see there will be several
tables on one page and i want to be able to toggle each one
independently; hopefully with the same bit of javascript.
View 10 Replies
View Related
Jul 11, 2006
i Have a table with two columns and a checkbox above it.
when the box is checked, i like to show the two <TD>s
i have:
<TD ID=1000 style=display=none>APPLE</TD>
<TD ID=1000 style=display=none>ORANGE</TD>
how can i do this with JS ?
i have used getElementById, but it only return one of the ids 񟝘'
View 2 Replies
View Related
Feb 20, 2007
I have a working Show / Hide form, that works on FF, but what I would
like to do is to be able to display one part when a user clicks on one
radio button and display another part when the user clicks on the
second radio button - here is the code which just shows / hides the
whole form:
View 6 Replies
View Related
Apr 16, 2007
Code:
The idea is that the blue help text rechtangle will have to remain
visible when mouse over (because there will be soon links in it) and
invisible when onmouseout.
I have now placed javascript on the small numbered balls and within
the rechtangle itself.
But I have it in a way that when "onmouseout" the blue help rechtangle
will be hidden. But now the onmouseout event is acting like
onmouseover. Any Ideas to do this correctly? So right now when you
onmouseover it it will disappear :S
If I get this working I can start thinking of putting a timeout on the
rechtangle for it to disappear within a couple of seconds after
"onmouseout"
View 3 Replies
View Related
Jul 20, 2005
I'm using a simple show function, called from a button.
function show(rowId) {
var hideRow = "View_" + rowId
document.getElementById(showRow).style.display ="block";
}
QUESTION: I'm using xsl and can have more than one table row with the
specific rowId, and I want ALL of them to show when the button is
clicked for that rowId. But although the html source is there, I only
get the first row with the rowId.
View 1 Replies
View Related
Apr 10, 2011
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
<a href="javascript:void(0)"><img src="album_emilia.jpg" width="90px" height="125px" onclick="setAlbum('emilia')"/><p>Emilia</p></a>
function setAlbum(album) {
$('.right_nav').each(function() {[code].....
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
View 9 Replies
View Related
Jul 3, 2009
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
<head>
<title>Jquery Table Display</title>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.tabledisplay-0.2.js"></script>
[Code].....
View 2 Replies
View Related
Mar 23, 2011
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
[Code]...
View 2 Replies
View Related
May 14, 2011
the box. Anybody know what's wrong?i have the following code:
<!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
Jun 17, 2011
I am using the following code to show and hide divs. When I click it the second div does show but only for about 5 seconds then disappears why?
PHP Code:
View 2 Replies
View Related
