odświerzanie wybranego diva

2011-04-13 17:59:21 Post #1 gość_gosc_xxl

 
Witajcie!
Sporo szukałem w internecie ale nigdzie nie znalazłem konkretnego rozwiązania.
Mianowicie chodzi mi o odświeżanie zawartości konkretnego diva.
mam taki kod:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<body>
    <div id="container">
        <ul class="menu">
            <li>Shoutbox</li>
        </ul>
        
        <span class="clear"></span>    
        <div id="content" class="content">
<!-- w tym miejscu wyswietlane sa wpisy i właśnie tego diva chciałbym odświeżać -->
            <ul>
            <ul>
        </div>
        <form method="post" id="form">        
    <fieldset>
        <legend >Login:</legend>
        <p><label> <input class="text user" id="nick" type="text" MAXLENGTH="25" /> </label></p>
    </fieldset>

    <fieldset>
        <legend >Wiadomość:</legend>
        <p><label> <textarea class="text" id="message" MAXLENGTH="255" /></textarea> </label></p>
    </fieldset>
        <fieldset>
        <legend >Opcje:</legend>
        <p><label><input id="send" type="submit" value="Wyślij!" /></label></p>
    </fieldset>
    
    </form>    
    </div>
    <script type="text/javascript" src="shoutbox.js"></script>
</body>
</html>
Prosiłbym o jakieś przykłady podpowiedzi jak to zrobić. podkreślam ze ajax i jquerty to dla mnie czarna magia

2011-04-13 19:07:06 Post #2 nospor

 
A więc w jQuery diva o np. ID=jakisdiv odswiezysz np. tak:
1
2
$('#jakisdiv').load('jakis_skrypt.php');

gdzie jakis_skrypt.php zwracać ma nową zawartość diva

Ot i cała filozofia

2011-04-13 20:02:42 Post #3 gość_yy

 
ale to musze jakies pliki jQuerty pobierac?

2011-04-13 20:21:28 Post #4 nospor

 
No tak, w head masz dac:
<script src="sciezka/do/jquery.js"></script>

2011-04-13 20:26:40 Post #5 gość_yy

 
ale skad mam ten jquery.js wziac.?

2011-04-14 07:11:05 Post #6 nospor

 
No ze strony jQuery...
http://docs.jquery.com/Main_Page

2011-04-14 11:10:41 Post #7 gość_yy

 
Pobrałem najnowsza paczkę z tei strony i zastosowałem twój kod na 2 sposoby:
w head : <script type="text/javascript" src="jquery2.js"></script>
a body:
1) <script>
$('#ramka').load('box.html');
</script>
<div id="ramka"></div>

2) <script>
$('#ramka').load('box.html');
</script>
<iframe id="ramka" src="box.html" scrolling="no" width="200" height="430"
frameborder="0">
ups... twoja przeglądarka nie obsługuje ramek.
</iframe>

nadal gdy ja wpisuje wiadomość w shoutboxie użytkownik nie widzi tego puki nie odświeży strony

2011-04-14 11:12:12 Post #8 gość_yy

 
PS pkane kody znajduja sie w pliku index.html box.html jest w tym samym katalogu
oraz pierwszy sposób nie wyświetla mi nic

2011-04-14 11:15:18 Post #9 nospor

 
No ale kod co ci podałem działa tylko w momencie jego wywołania. Jak chcesz go odpalać co jakiś czas to użyj setInterval()

2011-04-14 13:49:18 Post #10 gość_yy

 
yyy.. nie wiem jak tego setInterval() ;/

2011-04-14 13:52:33 Post #11 nospor

 
Wystarczyło zajrzeć do google.
http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/
1
2
3
4
5
6
setInterval( "refreshShoutbox()", 5000 );
function refreshShoutbox ( )
{
$('#jakisdiv').load('jakis_skrypt.php');
}

I już. Co 5 sekund będzie odświeżany div

2011-06-12 18:10:24 Post #12 korey

 
Jak się nie mylę to ja zakładałem podobny temat

Odpowiedz