Home/ Questions/Q 6869789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T03:36:08+00:00

I have included a file named test.php in the file index.php lets assume index.php

  • 0

I have included a file named test.php in the file index.php

lets assume index.php is like this

<html>
<head>
</head>
<body>
<h1 id="dash">Index</h1>

<div id='tab.php'>

<?php include('tab.php'); ?>


</div>
</body>
</html>

and tab.php is like this

<html>
<head>
</head>
<body>
<ul>

<li id='date' onClick="change_head(this.id);">Dates</li>

<li id='appoint' onClick="change_head(this.id);">Appointments</li>

<ul>
</body>
</html>

Here what i would like to do is, if the list item date is clicked(list items are actually tabs). The inner html of the h1 tag with id dash should be changed to Dates and if the list item appoint is clicked the inner html of same h1 tag with id dash should change to appointments.

how can i do that ?? i tried the usual javascript way by taking the ids and applying the if condition to change the innerHTML but it was not working..anyone pls help me how to do it

JAVASCRIPT (this is the js i tried to achive it…i added this in index.php)

    function change_head(id){

    dash = document.getElementById('dash').innerHTML;

    if(id == date){

    dash = "Date";


    }
    else if(id == appoint){

    dash = "Appointment";

    }
    else{
    dash = "Index";
    }

}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could try using jquery… something like this:

    <script type="text/javascript">

$(document).ready(function () {
    $("li#date").click(function () {
        $("h1#dash").val("Dates");
    });
    $("li#appoint").click(function () {
        $("h1#dash").val("Appointments");
    });
});

</script>

    Of course, if you had more of these tabs, I would create a single click event handler for all “li” elements and switch on the ID 🙂

    Assuming you’re new to jquery, you’d also have to include the jquery script in your page. Something like: 

    <script src="/Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>

    Check out jquery.com to get started.

    • 0