Forum PHP.pl > Wymiana tresci w AJAX

Pomoc - Szukaj - Użytkownicy - Kalendarz

piotrino

11.12.2012, 03:31:43

Witam, tworzę stronę internetową, i prawie ją mam skończoną. Mam problem z przeładowywaniem stron ... Chciałem to zrobić w PHP, ale znajomy doradził mi żebym to zrobił w AJAX'e. Tu mam prośbę do was, w jaki sposób mogę się za to zabrać, i w jakim miejscu strony to umieszczam (w jakim pliku html). Uczę się dopiero PHP od podstaw , oprócz html i CSS nie znam innych języków . Ale powoli po kolei poznaję to wszystko przy tworzeniu strony internetowej...Serdecznie pozdrawiam

P.S Super , ze trafiłem na takie profesjonalne forum. Uczę się PHP od podstaw z ksiązki : PHP i MySQL Tworzenie Stron Vademecum Profesjonalisty wydanie IV i trochę z waszego forum się zaczałem uczyć...Ciekawe ile czasu mi zajmie nauka PHP...

Pozdrawiam

mortus

11.12.2012, 10:58:43

Najprostszy z możliwych przykładów znajdziesz w artykule/tutorialu A simple AJAX website with jQuery.

piotrino

11.12.2012, 14:58:13

Cytat(mortus @ 11.12.2012, 10:58:43 )

Najprostszy z możliwych przykładów znajdziesz w artykule/tutorialu A simple AJAX website with jQuery.

Dzięki za link. Ściągłem demo, i tu mam problem (po prostu nigdy się ajaxem nie zajmowałem). Tu mam przykładową stronę demo:

[HTML] pobierz, plaintext 
<!--
 
This is a Tutoralzine Demo 
Original tutorial: A simple AJAX website with jQuery
Tutorial URL: <a href="http://tutorialzine.com/2009/09/simple-ajax-website-jquery/" target="_blank">http://tutorialzine.com/2009/09/simple-ajax-website-jquery/</a>
 
You are free to use the following demo code for any purpose you see fit.
 
-->
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A simple AJAX website with jQuery</title>
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
 
</head>
 
<body>
 
<div id="rounded">
<img src="img/top_bg.gif" alt="top" /><div id="main" class="container">
    <h1>A simple AJAX driven jQuery website</h1>
    <h2>Because simpler is better</h2>
 
    <ul id="navigation">
    <li><a href="#page1">Page 1</a></li>
    <li><a href="#page2">Page 2</a></li>
    <li><a href="#page3">Page 3</a></li>
    <li><a href="#page4">Page 4</a></li>
    <li><img id="loading" src="img/ajax_load.gif" alt="loading" /></li>
    </ul>
 
    <div class="clear"></div>
 
    <div id="pageContent">
    Hello, this is a demo for a <a href="http://tutorialzine.com/2009/09/simple-ajax-website-jquery/" target="_blank">Tutorialzine tutorial</a>. To test it, click some of the buttons above. Have a nice stay!</div>
 
    </div>
    <div class="clear"></div>
<img src="img/bottom_bg.gif" alt="bottom" /></div>
 
<div align="center" class="demo">
this is a <a href="http://tutorialzine.com/" target="_blank">tutorialzine</a> demo</div>
 
</body>
</html>
[HTML] pobierz, plaintext

i skrypt w JS. Tu mam pytanie jak to mam wszystko "zastosować do swojej strony" , którą już posiadam. Nie chcę gotowców, tylko wskazówki, ....Pozdrawiam

mortus

11.12.2012, 15:03:44

Najpierw musisz to "przerobić" od początku do końca, zrozumieć, a później zaadaptować. Natomiast ta adaptacja wcale nie musi być prosta, a co więcej może się okazać niemożliwa, ale to zależy od tego, w jaki sposób napisana jest Twoja strona.

piotrino

11.12.2012, 15:28:16

Cytat(mortus @ 11.12.2012, 15:03:44 )

To mam przerobić tylko swój index.html swojej strony

? na podobnie jak w demo? Będę kombinował, widzę że to nie takie proste....Pozdrawiam

matw

23.12.2012, 16:16:53

Jeżeli chodzi o technologię AJAX to polecam skorzystać z jQuery

Opis jak to zrobić razem z przykładem można znaleźć w artykule jQuery - AJAX

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.