Jayden_Blade

thanks! I am use to mysql not mysqli

<?php error_reporting(E_ALL); session_start(); include ("dbcon.php"); echo "include working"; $username1= ($_POST['username']); echo ($_POST['username']); if ($_POST) { if (!empty($_POST['username']) && !empty($_POST['pass'])) { $sql = "SELECT * FROM `user` WHERE `username`='($_POST['username'])' LIMIT 1"; $result = mysqli_query($sql); if (mysqli_num_rows($result) > 0) { //user is valid, check pass $query = mysqli_fetch_assoc($result); $password = ($_POST['pass']); if ($password !== $query['pass']) { //invaid pass, input error code echo "Wrong Password"; exit; } else { //valid user and pass, login $_SESSION['login'] = TRUE; $_SESSION['username'] = $_POST['username']; //echo "logged in"; header('location: home.php'); exit(); } } else { //user is not in database, input error code echo " User Not Found"; } } else { //form submitted but no username/password, input error code echo "Fields are Blank"; } } else { //page loaded, but no form submitted, input error code echo "Submition Error"; } ?> I can't figure out the problem........ Any help is appreciated!

Ok now that we are in an age where tablets and phones access the internet just as much as computers, how do I make my page legibly visible to phones, tablets and computers? How do I make it to where it looks right on all devices? How do I set the size of the webpage width wise? (I have always used css px) <meta name=viewport content="width=device-width, initial-scale=1">

Sweet. TY!!

I am trying to check if it has been one month or longer sense some one signed up for my site. I am doing something wrong. I want it to post the persons username if they have been on the site one month or less. db sign up date is in Y,m,d format. I know $datecheck is a number like 951170532. $b comes out to be something like 2014-3-11. <?php error_reporting(E_ALL); $year = (date('Y')); $month = (date('m')-1); $day = date(('d')); //echo "$month, $day, $year"; $datecheck = mktime($year,$month,$day,0,0,0); include ('database.php'); $new = mysql_query("SELECT DISTINCT username, signupdate FROM profiledata"); $a = mysql_fetch_array($new); $b = $a['signupdate']; if($b>=$datecheck){ print "<ul>"; while($users=mysql_fetch_array($b)){ print "<li>{$users[0]}</li>"; } } ?>

what is the JQuery library??? This is part of expandable panels. I figured this was the problem cause everything else seems ok.

I am a noob to java. Some one gave me this script to use........ Its full of syntax errors. I don't know how to fix it. please help! (function($) { $(document).ready(function () { /*-------------------- EXPANDABLE PANELS ----------------------*/ var panelspeed = 500; //panel animate speed in milliseconds var totalpanels = 3; //total number of collapsible panels var defaultopenpanel = 0; //leave 0 for no panel open var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once var panelheight = new Array(); var currentpanel = defaultopenpanel; var iconheight = parseInt($('.icon-close-open').css('height')); var highlightopen = true; //Initialise collapsible panels function panelinit() { for (var i=1; i<=totalpanels; i++) { panelheight[i] = parseInt($('#cp-'+i).find('.expandable-panel-content').css('height')); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', -panelheight[i]); if (defaultopenpanel == i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', 0); } } } $('.expandable-panel-heading').click(function() { var obj = $(this).next(); var objid = parseInt($(this).parent().attr('ID').substr(3,2)); currentpanel = objid; if (accordian == true) { resetpanels(); } if (parseInt(obj.css('margin-top')) <= (panelheight[objid]*-1)) { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); obj.animate({'margin-top':0}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active'); } } else { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px 0px'); obj.animate({'margin-top':(panelheight[objid]*-1)}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active'); } } }); function resetpanels() { for (var i=1; i<=totalpanels; i++) { if (currentpanel != i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px 0px'); $('#cp-'+i).find('.expandable-panel-content').animate({'margin-top':-panelheight[i]}, panelspeed); if (highlightopen == true) { $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active'); } } } } $(window).load(function() { panelinit(); }); //END LOAD }); //END READY })(jQuery);

bump

Sweet!!!!!!! +1 for you sir! thanks so much!

startpost startedlost1 Notice: Undefined index: email in /home/jayden1/public_html/contactusemail.php on line 10 spot = email lost Notice: Undefined index: email in /home/jayden1/public_html/contactusemail.php on line 20 Notice: Undefined index: subject in /home/jayden1/public_html/contactusemail.php on line 21 Notice: Undefined index: message in /home/jayden1/public_html/contactusemail.php on line 22 changed quotes no difference

no error codes appear

again They appear but do not open.... java script <script type="text/javascript"> (function($) { $(document).ready(function () { /*-------------------- EXPANDABLE PANELS ----------------------*/ var panelspeed = 500; //panel animate speed in milliseconds var totalpanels = 3; //total number of collapsible panels var defaultopenpanel = 0; //leave 0 for no panel open var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once var panelheight = new Array(); var currentpanel = defaultopenpanel; var iconheight = parseInt($('.icon-close-open').css('height')); var highlightopen = true; //Initialise collapsible panels function panelinit() { for (var i=1; i<=totalpanels; i++) { panelheight[i] = parseInt($('#cp-'+i).find('.expandable-panel-content').css('height')); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', -panelheight[i]); if (defaultopenpanel == i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', 0); } } } $('.expandable-panel-heading').click(function() { var obj = $(this).next(); var objid = parseInt($(this).parent().attr('ID').substr(3,2)); currentpanel = objid; if (accordian == true) { resetpanels(); } if (parseInt(obj.css('margin-top')) <= (panelheight[objid]*-1)) { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); obj.animate({'margin-top':0}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active'); } } else { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px 0px'); obj.animate({'margin-top':(panelheight[objid]*-1)}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active'); } } }); function resetpanels() { for (var i=1; i<=totalpanels; i++) { if (currentpanel != i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px 0px'); $('#cp-'+i).find('.expandable-panel-content').animate({'margin-top':-panelheight[i]}, panelspeed); if (highlightopen == true) { $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active'); } } } } $(window).load(function() { panelinit(); }); //END LOAD }); //END READY })(jQuery); </script> html <div id="container"> <div class="expandable-panel" id="cp-1"> <div class="expandable-panel-heading"> <h2 align="center">About Me<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $aboutme; ?></p> </div> </div> <div class="expandable-panel" id="cp-2"> <div class="expandable-panel-heading"> <h2 align="center">Interests/Hobbies<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $interests; ?></p> </div> </div> <div class="expandable-panel" id="cp-3"> <div class="expandable-panel-heading"> <h2 align="center">Anything Else<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $anythingelse; ?></p> </div> </div> </div> and CSS h2, p, ol, ul, li { margin:0px; padding:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; } #container { width:300px; margin:auto; margin-top:100px; } /* --------- COLLAPSIBLE PANELS ----------*/ .expandable-panel { width:100%; position:relative; min-height:50px; overflow:auto; margin-bottom: 20px; border:1px solid #999; } .expandable-panel-heading { width:100%; cursor:pointer; min-height:50px; clear:both; background-color:#E5E5E5; position:relative; } .expandable-panel-heading:hover { color:#666; } .expandable-panel-heading h2 { padding:14px 10px 9px 15px; font-size:18px; line-height:20px; } .expandable-panel-content { padding:0 15px 0 15px; margin-top:-999px; } .expandable-panel-content p { padding:4px 0 6px 0; } .expandable-panel-content p:first-child { padding-top:10px; } .expandable-panel-content p:last-child { padding-bottom:15px; } .icon-close-open { width:20px; height:20px; position:absolute; background-image:url(icon-close-open.png); right:15px; } .header-active { background-color:#D0D7F3; } any help?

Ok I am lost .... again . I can't seem to get this right . They appear but do not open <script type="text/javascript"> (function($) { $(document).ready(function () { /*-------------------- EXPANDABLE PANELS ----------------------*/ var panelspeed = 500; //panel animate speed in milliseconds var totalpanels = 3; //total number of collapsible panels var defaultopenpanel = 0; //leave 0 for no panel open var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once var panelheight = new Array(); var currentpanel = defaultopenpanel; var iconheight = parseInt($('.icon-close-open').css('height')); var highlightopen = true; //Initialise collapsible panels function panelinit() { for (var i=1; i<=totalpanels; i++) { panelheight[i] = parseInt($('#cp-'+i).find('.expandable-panel-content').css('height')); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', -panelheight[i]); if (defaultopenpanel == i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', 0); } } } $('.expandable-panel-heading').click(function() { var obj = $(this).next(); var objid = parseInt($(this).parent().attr('ID').substr(3,2)); currentpanel = objid; if (accordian == true) { resetpanels(); } if (parseInt(obj.css('margin-top')) <= (panelheight[objid]*-1)) { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); obj.animate({'margin-top':0}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active'); } } else { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px 0px'); obj.animate({'margin-top'panelheight[objid]*-1)}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active'); } } }); function resetpanels() { for (var i=1; i<=totalpanels; i++) { if (currentpanel != i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px 0px'); $('#cp-'+i).find('.expandable-panel-content').animate({'margin-top':-panelheight[i]}, panelspeed); if (highlightopen == true) { $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active'); } } } } $(window).load(function() { panelinit(); }); //END LOAD }); //END READY })(jQuery); </script> <div id="container"> <div class="expandable-panel" id="cp-1"> <div class="expandable-panel-heading"> <h2 align="center">About Me<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $aboutme; ?></p> </div> </div> <div class="expandable-panel" id="cp-2"> <div class="expandable-panel-heading"> <h2 align="center">Interests/Hobbies<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $interests; ?></p> </div> </div> <div class="expandable-panel" id="cp-3"> <div class="expandable-panel-heading"> <h2 align="center">Anything else<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $anythingelse; ?></p> </div> </div> </div> /* Classes */ body { background-color:000000; } a:link, a:hover, a:visited, a:active { color: #0055FF; font-weight: bold; text-decoration: none; } .textcenter { text-align: center; } #textcenter { text-align: center; } #wrap .statusmsg{ font-size: 12px; /* Set message font size */ padding: 3px; /* Some padding to make some more space for our text */ background: #EDEDED; /* Add a background color to our status message */ border: 1px solid #DFDFDF; /* Add a border arround our status message */ } .left { position:relative; left:0px; } .right { position:relative; right:0px; left:800px; } .center { margin:auto; width:70%; background-color:#000000; } /* ID's */ #h2{ font-size:22px; } #mission { font-size:22px; } #info_wrapper { width: 1100px; margin: auto; background-color:000000; color: #992299; } #table1 { color: #992299; width: 1100px; } #table2 { color: #992299; } #height1 { height: 45px; } h2, p, ol, ul, li { margin:0px; padding:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; } #container { width:300px; margin:auto; margin-top:100px; } /* --------- COLLAPSIBLE PANELS ----------*/ .expandable-panel { width:100%; position:relative; min-height:50px; overflow:auto; margin-bottom: 20px; border:1px solid #999; } .expandable-panel-heading { width:100%; cursor:pointer; min-height:50px; clear:both; background-color:#E5E5E5; position:relative; } .expandable-panel-heading:hover { color:#666; } .expandable-panel-heading h2 { padding:14px 10px 9px 15px; font-size:18px; line-height:20px; } .expandable-panel-content { padding:0 15px 0 15px; margin-top:-999px; } .expandable-panel-content p { padding:4px 0 6px 0; } .expandable-panel-content p:first-child { padding-top:10px; } .expandable-panel-content p:last-child { padding-bottom:15px; } .icon-close-open { width:20px; height:20px; position:absolute; background-image:url(icon-close-open.png); right:15px; } .header-active { background-color:#D0D7F3; } sorry i know my css needs organized

made no difference

it is sending me the email but sends $email, $subject, $message. not the actual values. errors = startpost startedlost1 Notice: Undefined index: email in /home/jayden1/public_html/contactusemail.php on line 10 spot = email lost Notice: Undefined index: email in /home/jayden1/public_html/contactusemail.php on line 20 Notice: Undefined index: subject in /home/jayden1/public_html/contactusemail.php on line 21 Notice: Undefined index: message in /home/jayden1/public_html/contactusemail.php on line 22 contactusemail.php <?php error_reporting(E_ALL); $check = array('email','subject','message'); echo "lost1"; $break = false; foreach ($check as $key => $postcheck) { if (!$_POST[$postcheck] || strlen($_POST[$postcheck]) == 0) { $break = true; break; } echo 'not blank'; } if (isset($_POST)){ $email1 =($_POST['email']); $subject1 =($_POST['subject']); $message1 =($_POST['message']); echo $email1; echo $subject1; echo $message1; $to = 'Administrator@website.com'; // Send email to Administrator $subject = '$subject1'; // posted subject $message = '$message1'; // Their message $headers = 'From:$email1' . "\r\n"; // Set from headers mail($to, $subject, $message, $headers); // Send our email $msg = 'Your message has been sent!'; header ('contact.php'); } else { echo 'not working'; } ?> contact.php <?php session_start(); if (!$_SESSION || !$_SESSION['login']) { //redirect to a login page header('Location: index.php'); exit; } else { include ("navigate.php"); } ?> <html> <head> <title> Contact Us </title> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div id="info_wrapper"> <table align="center" width="1100px"> <tr> <td width="220px" align="center"> <a href="home.php">Home</a> </td> <td width="220px" align="center"> <a href="myhome.php">My Home Page</a> </td> <td width="220px" align="center"> <a href="profile.php">My Profile</a> </td> <td width="220px" align="center"> <a href="msearch.php">Member Search</a> </td> <td width="220px" align="center"> <a href="logout.php">Logout</a> </td> </tr> </table> <h1 align="center"> Contact Us </h1> <table align="center" width="1100px"> <tr> <td width="366px" align="center"> <a href="missionstatement.php">Mission Statement</a> </td> <td width="366px" align="center"> <a href="adviceblog.php">Advice Blog</a> </td> <td width="366px" align="center"> <a href="storycorner.php">Story Corner</a> </td> </tr> </table> <table align="center" width="1100px"> </br> <tr> <td width="550px" align="center"> <a href="newmembers.php">New Members</a> </td> <td width="550px" align="center"> <a href="chat.php">Community Chat Rooms</a> </td> </tr> </table> </br></br></br> <table align="center" id="table2"> <tr> <form action="contactusemail.php" method="post" enctype="text/plain" align="center" > </tr> <tr> <td> Your E-Mail: </td> <td> <input type="text" name="email" value=""><br> </td> </tr> <tr> <td> Subject: </td> <td> <input type="text" name="subject" value=""><br> </td> </tr> <tr> <td colspan="2"> <br> <textarea name="message" rows="8" cols="50"> </textarea><br><br> </td> </tr> <tr> <td> </td> <td> <input type="submit" value="Submit"> </td> </tr> </form> </table> </br></br></br> <p chat> Instant Messages and Online friends here </p chat> </br></br></br> <table align="center" width="1100px"> <tr> <td> <a href="tos.php">Terms of Service</a> </td> <td> <a href="suggestionbox.php">Suggestion Box</a> </td> </tr> <tr> <td> <a href="privacy.php">Privacy Policy</a> </td> <td> <a href="problem.php">Report a Problem</a> </td> </tr> <tr> <td> <a href="contact.php">Contact Us</a> </td> </tr> </table> </div> </body> </html> help???

bump

whats your code?

Ok I am lost .... again . I can't seem to get this right . They appear but do not open <script type="text/javascript"> (function($) { $(document).ready(function () { /*-------------------- EXPANDABLE PANELS ----------------------*/ var panelspeed = 500; //panel animate speed in milliseconds var totalpanels = 3; //total number of collapsible panels var defaultopenpanel = 0; //leave 0 for no panel open var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once var panelheight = new Array(); var currentpanel = defaultopenpanel; var iconheight = parseInt($('.icon-close-open').css('height')); var highlightopen = true; //Initialise collapsible panels function panelinit() { for (var i=1; i<=totalpanels; i++) { panelheight[i] = parseInt($('#cp-'+i).find('.expandable-panel-content').css('height')); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', -panelheight[i]); if (defaultopenpanel == i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); $('#cp-'+i).find('.expandable-panel-content').css('margin-top', 0); } } } $('.expandable-panel-heading').click(function() { var obj = $(this).next(); var objid = parseInt($(this).parent().attr('ID').substr(3,2)); currentpanel = objid; if (accordian == true) { resetpanels(); } if (parseInt(obj.css('margin-top')) <= (panelheight[objid]*-1)) { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px -'+iconheight+'px'); obj.animate({'margin-top':0}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active'); } } else { obj.clearQueue(); obj.stop(); obj.prev().find('.icon-close-open').css('background-position', '0px 0px'); obj.animate({'margin-top':(panelheight[objid]*-1)}, panelspeed); if (highlightopen == true) { $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active'); } } }); function resetpanels() { for (var i=1; i<=totalpanels; i++) { if (currentpanel != i) { $('#cp-'+i).find('.icon-close-open').css('background-position', '0px 0px'); $('#cp-'+i).find('.expandable-panel-content').animate({'margin-top':-panelheight[i]}, panelspeed); if (highlightopen == true) { $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active'); } } } } $(window).load(function() { panelinit(); }); //END LOAD }); //END READY })(jQuery); </script> <div id="container"> <div class="expandable-panel" id="cp-1"> <div class="expandable-panel-heading"> <h2 align="center">About Me<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $aboutme; ?></p> </div> </div> <div class="expandable-panel" id="cp-2"> <div class="expandable-panel-heading"> <h2 align="center">Interests/Hobbies<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $interests; ?></p> </div> </div> <div class="expandable-panel" id="cp-3"> <div class="expandable-panel-heading"> <h2 align="center">Anything else<span class="icon-close-open"></span></h2> </div> <div class="expandable-panel-content"> <p align="center"><?php echo $anythingelse; ?></p> </div> </div> </div> /* Classes */ body { background-color:000000; } a:link, a:hover, a:visited, a:active { color: #0055FF; font-weight: bold; text-decoration: none; } .textcenter { text-align: center; } #textcenter { text-align: center; } #wrap .statusmsg{ font-size: 12px; /* Set message font size */ padding: 3px; /* Some padding to make some more space for our text */ background: #EDEDED; /* Add a background color to our status message */ border: 1px solid #DFDFDF; /* Add a border arround our status message */ } .left { position:relative; left:0px; } .right { position:relative; right:0px; left:800px; } .center { margin:auto; width:70%; background-color:#000000; } /* ID's */ #h2{ font-size:22px; } #mission { font-size:22px; } #info_wrapper { width: 1100px; margin: auto; background-color:000000; color: #992299; } #table1 { color: #992299; width: 1100px; } #table2 { color: #992299; } #height1 { height: 45px; } h2, p, ol, ul, li { margin:0px; padding:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; } #container { width:300px; margin:auto; margin-top:100px; } /* --------- COLLAPSIBLE PANELS ----------*/ .expandable-panel { width:100%; position:relative; min-height:50px; overflow:auto; margin-bottom: 20px; border:1px solid #999; } .expandable-panel-heading { width:100%; cursor:pointer; min-height:50px; clear:both; background-color:#E5E5E5; position:relative; } .expandable-panel-heading:hover { color:#666; } .expandable-panel-heading h2 { padding:14px 10px 9px 15px; font-size:18px; line-height:20px; } .expandable-panel-content { padding:0 15px 0 15px; margin-top:-999px; } .expandable-panel-content p { padding:4px 0 6px 0; } .expandable-panel-content p:first-child { padding-top:10px; } .expandable-panel-content p:last-child { padding-bottom:15px; } .icon-close-open { width:20px; height:20px; position:absolute; background-image:url(icon-close-open.png); right:15px; } .header-active { background-color:#D0D7F3; } sorry i know my css needs organized

print "<li>{$users[0]}</li>"; ^ | Make that $users into a link not the other lol

Sweet thanks! One more question with the same code..... how can i make $users a link? while($users=mysql_fetch_array($q))

two different things

its posting via now()

In my table it is 2013-11-29 15:20:21

doesn't work. i am trying to get a list of active users. Last 5 mins login or refresh.

I am trying to show active users with in the last 5 mins. <?php error_reporting(E_ALL); include ("/home/jayden1/database_access/dblogincheck.php"); $d=date('c',time()-5*60);//last 5 minutes echo $d; $q=mysql_query("SELECT `username` FROM `navigate` WHERE `time` >= '$d'") or die ("query failed to find".mysql_error()); echo $q; if(mysql_num_rows($q)>0){ print "<ul>"; echo $q; while($users=mysql_fetch_array($q)){ print "<li>{$users[0]}</li>"; } print "</ul>"; echo $users; } ?> no errors just wont display. I know the time in my db updates every time a pages is loaded