Jump to content

Refreshing db variables inside scripts and loading the new data to a page.


R0n1n66

Recommended Posts

What I am attempting to do is refresh this specific part of the page and have the newly entered data set to the variables in the clock script.  The project is a clock that can be manipulated on a web page with 3 other clocks that all can be manipulated as well with out effecting the other clocks.  I have included a snippet of code that shows the first clock.  Any help would be great.

 

<!doctype HTML>
    
<html style="height: 98%;">
<head>   
    <meta>
<title>GC Info Center</title>
<link href="clock.css" rel="stylesheet" type="text/css">
  
  
  
 
   
 
 
 
</head>
<body   class="background" style="height: 100%;" onload="startTime(); startTimee(); startTimep(); startTimeg(); startTimet(); ">
<?php require 'C:\wamp64\www\clock\igtscript.php'; ?>
<!-- Page Table -->
 
<table  class="main">
    <tbody > 
    
        <!-- Clocks -->
        
                        <tr >
                            <td class="">
                                <table class="main"> 
                                    <tbody>
                                        <tr class="content">
                                        
                                        <!-- IGT Clock ------------------------------------------------------------------------------------------------>
                                        
                                            <td style="color: #FFFF00"; class="clockfont" >
                                                 
                                                  <script>
                                                     
                                                    //Browser Support Code
                                                  function igtrefresh()
                                                  {
                                                    var ajaxRequest;  // The variable that makes Ajax possible!
                                                    try {
                                                    
                                                        // Opera 8.0+, Firefox, Safari
                                                        ajaxRequest = new XMLHttpRequest();
                                                        }catch (e)
                                                        {
                                                    
                                                          // Internet Explorer Browsers
                                                          try{
                                                              ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
                                                             }catch (e){
                                                              
                                                                          try {
                                                                              ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                                                                              }catch (e){
                                                                          
                                                                                        // Something went wrong
                                                                                        alert("Your browser broke!");
                                                                                        return false;
                                                                                        }
                                                                        }
                                                        }
                                                                           
                                                  
                                                    // Function that will receive data
                                                    // sent from the server and will update
                                                    // div section in the same page.
                                                      ajaxRequest.onreadystatechange = function()
                                                      {
                                                        if(ajaxRequest.readyState == 4) {
                                                                                        var ajaxDisplay = document.getElementById('igt');
                                                                                        ajaxDisplay.innerHTML = ajaxRequest.responseText;
                                                                                        }                      
                                                      };
                                                    
                                                    // Call to php script to querry the data base.
                                                                                                        
                                                    ajaxRequest.open("GET" , "igtscript.php" , true);
                                                    ajaxRequest.send(null); 
                                                    }
                                                                                                     
                                                  /* Sets variables from data base for clock*/
                                                      var gm = <?php echo $minute;  ?>;
                                                      var gh =  <?php echo $hour;  ?>;
                                                      var gmo = <?php echo $month;  ?>;
                                                      var gday = <?php echo $day;  ?>;
                                                      var gyear = <?php echo $year;  ?>;
                                                      var gom ="";
                                                  
                                                    /* Clock Mechanics */
                                                    function startTimeg()
                                                    {
                                                                                                        
                                                      var gtoday = new Date();
                                                      var gs = gtoday.getSeconds();
                                                                                                          
                                                      if (gs == "00") {gm ++ ;}
                                                      if (gm == "60" && gs == "00") gh ++ ;
                                                      if (gm == "60" && gs == "00") gm = "0";
                                                      if (gh == "24") gh = "0";
                                                      if (gm < "10") {gom = "0";
                                                                     }else {gom = "";
                                                                           }
                                                      if (gh < "10") {goh = "0";
                                                                     }else {goh = "";
                                                                           }                 
                                                      
                                                      document.getElementById('igt').innerHTML = goh + gh + ":" + gom + gm + ":" + gs + "<br/>" + gmo + " - " + gday + " - " + gyear;
                                                                                                                              
                                                      var t = setTimeout(startTimeg, 1000);
                                                    }
                                            
                                                </script>
                                                  
                                                <script>
                                                      /* Function to create the pop up window for clock changes */
                                                      function popitup(url) {
                                                                            newwindow=window.open(url,'name','height=600,width=450');
                                                                            if (window.focus) {newwindow.focus();}
                                                                            return false;
                                                                            }
                                                  
                                                </script>
                                            
                                            <!-- calls the pop up with the update form to change the time -->
                                            
                                            <div scope="col" ><a href="http://localhost:8080/clock/backendigtclock.php" onclick="return popitup('http://localhost:8080/clock/backendigtclock.php');">IGT</a></div>
                                            
                                            <!-- Displays the clock. -->
                                            <div id="igt"></div>
                                            
                                            <!-- Refresh the clock to load the new data in the data base for the clock --> 
                                            <input type='button' onclick='igtrefresh(); ' value='Query MySQL'/>
                                             
                                            </td>
 
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.