javascript - Dynamic Content Loading (Infinite Scroll) -


so, building website has photos on (similar grid weheartit) , main idea update photos daily (i put new photos on daily bases). @ first wanted make pagination realized loading content dynamically better idea. so, wanted load content in similar way weheartit (when user reaches bottom of page, new content loaded , on infinity)... new web design have knowledge of html , css , base mid knowledge on javascript. so, wondered if of me on right road of achieving ideas. need learn make possible? doable without php, need ajax , on... guys.

based on how stated question, seems little vague , i'm not quite sure on asking for, i'll answer question best of ability.

first of all, not see why want load content 'dynamically' javascript. javascript client side language, when server gets request load webpage, html/css sent client side. javascript hide of html, data hidden still exists on client side. example, can have this:

function loadpage(){ document.getelementbyid("mydiv").style.display= "block"; }

then add button @ end of page execute function. better have loaded @ first.

php server side language, code executed on server. when request page, not html sent computer... it's when trigger action on page, server kicks in , fetches new html database on server.

ajax (asynchronous javascript , xml) way of communicating server using javascript, allows webpages render information databases without refreshing page.

the heart site generates data dynamically database. when bottom of page, ajax request fires off communicating server loading more pictures see.

if want dynamic system pictures keep loading, you'll need learn php/ajax/mysql(database)


Comments

Post a Comment

Popular posts from this blog

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more