[英]How to Call Onload Function inside table td tag
您好,
我想在加载 td tag 时检查条件。所以我试图在 onload 函数的帮助下检查条件。下面是示例,但我在 onload 中尝试的代码不起作用请任何人帮助我摆脱这个问题。场景在 td 内部,如果 check_course 内部的条件大于 1,它将显示按钮 1,否则将显示按钮 2。
PHP 代码
<?php
date_default_timezone_set('Asia/Kolkata');
$date = date("Y-m-d");
$time = date("Y-m-d H:i:s");
require "country.php";
$per_email=$_POST['per_email'];
$stream_name=$_POST['specialization_filter'];
$country_filter=$_POST['country_filter'];
$country = new country();
$users = $country->universities($stream_name,$country_filter);
if ( empty($users) ) {
?>
<br/><br/>
<?php echo "<span class=\"alert alert-danger\">No universities Available For Your Search Results!!! </span> <br>" ;
}else{
?>
<div class="table-responsive" id="filter_universities">
<table class="table no-border">
<thead >
<tr class="row_univ">
<th class="university_sort" id="name_total_sort" status="asc" style="cursor:pointer">University
<i class="fa fa-caret-down font-grey-salsa"></i>
</th>
<th class="col-md-3">Program</th>
<th class="fee_structure" id="fee_total_sort" status="asc" style="cursor:pointer">Fee
<i class="fa fa-caret-down font-grey-salsa"></i>
</th>
</tr>
</thead>
<tbody>
<?php
$i=0;
foreach ($users as $user){
$i++;
?>
<tr class="tr_bgs">
<td class="col-md-4">
<div class="row">
<div class="col-md-3">
<img src="images/university1.jpg" class="img-circle" width="62px" height="62px" alt="">
</div>
<div class="col-md-9">
<h5 class="bold fees">
<a target="_blank" class="university_class" mode="ambitious" cid="292"><?php echo $user['university']?> </a>
</h5>
<span class="font-grey-lite"><?php echo $user['country']?> </span>
</div>
</div>
</td>
<td>
<h5 class="bold fees"> <?php echo $user['course']?> </h5>
<span class="font-grey-lite"> <?php echo $user['stream_name']?> </span>
</td>
<td>
<h5 class="bold fees"><?php echo $user['fees']?> </h5>
<span class="font-grey-lite">Per Year</span>
</td>
<td class="text-center" id="course_button" onload="check_course(<?php echo $user['id']?>);">
<div id="added_course<?php echo $user['id']?>"><br/><button type="button" class="btn btn-primary" onClick="delete_course_list(<?php echo $user['id']?>);">
<i class="fa fa-star" aria-hidden="true"></i> Course Added</button></div>
<div id="add_course<?php echo $user['id']?>">
<br/><button type="button" class="btn btn-primary"
onClick="save_course_list(<?php echo $user['id']?>);">
<i class="fa fa-star-o" aria-hidden="true"></i> Add to My Course</button></div>
</td>
</tr>
<tr class="row_univ tr_bgs">
<td colspan="6">
<table class="table no-border no-margin text-grey">
<tbody>
<tr class="tr_bgs">
</tr>
</tbody>
</table>
</td>
</tr>
<?php
}
} ?>
</tbody>
</table>
</div>
脚本
function check_course(variable)
{
var course_id=str;
var per_email= '<?php echo $per_email; ?>' ;
var datas="&course_id="+course_id+"&per_email="+per_email;
alert(datas);
$.ajax({
type: "POST",
url: 'php/country/check_course.php',
data:datas
}).done(function( data )
{
alert(data);
if(data>0)
{
$('#added_course'+str).show();
$('#add_course'+str).hide();
}
else
{
$('#add_course'+str).show();
$('#added_course'+str).hide();
}
});
}
我做的错误是有任何语法问题。请帮助我。提前致谢。
您应该在body标记内调用onload()
函数
或使用 JavaScript
<script>
window.onload = function() {
// functions
}
// or
document.addEventListener("DOMContentLoaded", function() {
// functions
});
</script>
您不能使用 onload 函数来表使用以下结构
<body onload="check_course(variable);">
//your table
</body>
我遇到了同样的问题,并找到了使用我在 window.onload 函数中检索到的自定义属性的解决方案。 在我的页面中,我使用了<tr>
元素,但这也适用于<td>
。
在表中:
<table>
<tr name="my_row" foo="value1"><td>value1</td></tr>
<tr name="my_row" foo="value2"><td>value2</td></tr>
</table>
在 window.onload 函数中:
window.onload = function bar() {
var rows = document.getElementsByName("my_row")
for (row in rows) {
var foo = row.getAttribute("foo")
if (foo == "value1") {
// Do something
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.