繁体   English   中英

如何在表 td 标记内调用 Onload 函数

[英]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>&nbsp;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>&nbsp;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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM