|
PHP - Moved: Jquery Not Working In Mozilla
This topic has been moved to JavaScript Help.
http://www.phpfreaks.com/forums/index.php?topic=345904.0 Similar TutorialsThis topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=333604.0 This topic has been moved to Ajax Help. http://www.phpfreaks.com/forums/index.php?topic=316223.0 This topic has been moved to Ajax Help. http://www.phpfreaks.com/forums/index.php?topic=342757.0 This topic has been moved to Ajax Help. http://www.phpfreaks.com/forums/index.php?topic=314220.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=333306.0 This topic has been moved to Other. http://www.phpfreaks.com/forums/index.php?topic=327155.0 This topic has been moved to Miscellaneous. http://www.phpfreaks.com/forums/index.php?topic=346771.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=358574.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=319172.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=359169.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=342166.0 I have a main file index.php into which iam loading myinnerpage.php. I have defined a variable inside index.php & checks it on myinnerpage.php, but when i load innerpage it shows restricted access, any idea why? following is my code. index.php Code: [Select] <?php define( '_JEXEC', true ); ?> <div class="mypage"> </div> <ul> <li><a href="#" onclick="loadpages('myiinerpage.php')">about page</a></li> </ul> <script type="text/javascript"> var $jq = jQuery.noConflict(); function loadpages(page) { $jq('.mypage').load('myfolder/'+page); } </script> and now in the myiinerpage.php which is in the folder myfolder i have the following code. Code: [Select] <?php defined('_JEXEC') or die('Restricted access'); ?> <div> my page elements </div> but when i click on the link it shows restricted access. I have loaded jquery too, any idea y this is happening? I am trying to make a simple vertical scrolling slideshow type page. I have 1 div that is 100% width and height of the body and inside that 4 divs that are 100% w&h one below the other. In each "slide" div is an input button with an onclick call to a JavaScript function that uses jquery animate and scrolltop to move to the next div. Moving from the first to second is OK. It will not move from second to third. If I set each inner divs height to 90%, I can see the third div's next button. Clicking that moves the third slide to the top, though it is supposed to move the forth slide to the top. Not sure what I'm missing? I hope my attempt to paste the code on my note 3 works OK! Thanks for even looking! Nick <code> <html> <head> </head> <body style="margin:0px;padding:0px;"> <style> .a_slide { width:100%;height:100%;background-color:blue; } .b_slide { width:100%;height:100%;background-color:green; } .c_slide { width:100%;height:100%;background-color:blue; } .d_slide { width:100%;height:100%;background-color:green; } </style> <div style="width:100%;height:100%;overflow:hidden;margin-left:auto;margin-right:auto;" id="container" name="container" class="container"> <div class="a_slide" id="a_slide">a <input type="button" onclick="move(this.name);" name="b_slide" value="Next Page"> </div> <div class="b_slide" id="b_slide">b <input type="button" onclick="move(this.name);" name="c_slide" value="Next Page"> <input type="button" onclick="move(this.name);" name="a_slide" value="top"> </div> <div class="c_slide" id="c_slide">c <input type="button" onclick="move(this.name);" name="d_slide" value="Next Page"> <input type="button" onclick="move(this.name);" name="a_slide" value="top"> </div> <div class="d_slide" id="d_slide">d <input type="button" onclick="move(this.name);" name="a_slide" value="top"> </div> </div> <script type="text/javascript" src="http://ajax.googleap...n.js"></script> <script type="text/javascript"> function move(to_who) { $('.container').animate({scrollTop: $("."+to_who).offset().top},'slow'); }; </script> </body> </html></code> This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=316616.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=353342.0 This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=351058.0 Hi,
what I'm tryng is to append a table row with associated jquery code...
I have a jquery code just like this
<script type="text/javascript">
jQuery(function($) {
var rowCtr = 0;
$('.addRow').click(function(){
$('#tableID > tbody:last').append('<tr name="rowEq['+rowCtr+']" id="rowEq['+rowCtr+']"><td>'+
'<select id="stype'+rowCtr+'" name="rowData['+rowCtr+'][equipment_type]">'+
'<option value="0"> -- </option>'+
'<option value="1"> Type 1 </option>'+
'<option value="2"> Type 2 </option>'+
'<option value="3"> Other </option>'+
'</select>'+
'<input id="other_type'+rowCtr+'" type="text" name="rowData['+rowCtr+'][other_type]">'+
);
$('#stype'+rowCtr).change(function() {
if(jQuery('#stype'+rowCtr).val() == '3')
{
jQuery('#other_type'+rowCtr).show();
}else{
jQuery('#other_type'+rowCtr).hide();
}
});
if(jQuery( '#stype'+rowCtr ).val() != '3')
{
jQuery('#other_type'+rowCtr).hide();
}
rowCtr++;
});
});
</script>
And html like this..
<input type='button' class='addRow' value="Add Row">
<form>
<table id="tableId">
<thead>
<tr>
<th> Type </th>
</tr>
</thead>
<tbody>
<tr>
<td>
dummy text..
</td>
</tr>
</tbody>
</table>
</form>
The appending is ok but the hidding/showing of "other_type" field is not working. It always hide "other_type" field even if I already selected the 'other' option.
tbl1.png 3.38KB
0 downloads
This topic has been moved to MySQL Help. http://www.phpfreaks.com/forums/index.php?topic=318036.0 This topic has been moved to MySQL Help. http://www.phpfreaks.com/forums/index.php?topic=320829.0 This topic has been moved to Installation in Windows. http://www.phpfreaks.com/forums/index.php?topic=326869.0 |
|||||||