PHP Classes

File: sample2b.php

Recommend this page to a friend!
  Classes of Tom Schaefer   QDataObject   sample2b.php   Download  
File: sample2b.php
Role: Example script
Content type: text/plain
Description: Sample JQUERY
Class: QDataObject
Access MySQL query results as objects
Author: By
Last change:
Date: 15 years ago
Size: 1,699 bytes
 

Contents

Class file image Download
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dimension.js"></script>
<script type="text/javascript" src="interface.js"></script>
<style type="text/css">

.indicator
{
    width: 16px;
    height: 16px;
    background-color: #FF9900;
    position: absolute;
    font-size: 1px;
    overflow: hidden;
    border: none;
}
.slider
{
    width: 316px;
    height: 16px;
    background-image: url(slider_back.jpg);
    position: relative;
    top: 0px;
    left: 0px;
    border: 0px hidden #000;
}
#indicator1,
#indicator2{
    background-image:url(indicator1.gif);
    background-color: transparent;
}
#indicator3{
    background-image:url(indicator1.gif);
    background-color: transparent;
}
#wrapper {
    position:absolute;
    left:16px;
}
table {
 font-family: arial, helvetica;
 font-size: 0.8em;
 border-collapse: collapse;
 cursor: default;
 margin: 0;
}
thead tr {
font-weight: bold;
 background: #e5eeee;
 text-align: center;
}
tfoot tr {
font-weight: bold;
 background: #f5f5f5;
 text-align: center;
}
th {
border: 1px solid #eee;
padding: 6px;
}
td {
border: 1px solid #eee;
padding-top: 0;
padding-bottom: 0;
padding-right: 3px;
padding-left: 3px;
}
tr.odd{ background-color: #fafafa;}
</style>
</head>
<body>
<div id="wrapper">
    <div class="slider">
        <div class="indicator" id="indicator1">&nbsp;</div>
    </div>
    <div id="select"></div>
    <div class="slider">
        <div class="indicator" id="indicator2">&nbsp;</div>
    </div>
</div>
<script>
var page = 1;
var w = 0;
$(document).ready(function() {
    $.get("sample2b1.php", function(data){$('#select').html(data);});
 });
</script>
</body>
</html>