Odświeżanie div zamiast iframe Opcje

[Malinaa]

Witam,
sie macie (IMG:style_emoticons/default/winksmiley.jpg)

Chciałbym rozwiązać taki problem:

mam na stronie iframe w którym jest sonda i wszystko byłoby ok, tylko no właśnie sonada jest w iframe.

Jak zrobić div'a, który będzie działał jak iframe, będzie się odświeżał bez przeładowania całej strony (po kliknięciu submit).

IFRAME: <iframe src="elementy/sonda/sonda.php" width="170" height="200" scrolling="no" frameborder="0"></iframe>

DIV: <div id="div_iframe"><div> (IMG:style_emoticons/default/questionmark.gif) ?

Gdyby nie możliwość głosowania odświeżane div (iframe) nie byłoby potrzebne, wystarczyłoby tylko include("elementy/sonda/sonda.php");
wewnątrz div'a, ale można, ba nawet trzeba głosować i dlatego musi być odświeżany div (iframe działa, ale nie spełnia oczekiwań).

Kłopotliwe szczegóły na które trzeba zwrócić uwagę:

w pliku sonda.php znajduję się przycisk formularza <input type="submit"> i właśnie w tym cały problem, aby po wybraniu opcji głosowania w sondzie i kliknięciu input SUBMIT (Głosuj) przeładował się tylko sam DIV, w którym powinna być sonda, a nie cała strona.

Jak to zrobić, bardzo proszę o pomoc.

[chomiczek]

na początku strony podłącz sobie bibliotekę jQuery.. możesz to zrobić tak, dodając 2 poniższe linijki w sekcji head:

Kod

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script>

a następnie masz taki kod:

Kod

<script type="text/javascript">
function odswiez() {
  $("#idSonda").load("elementy/sonda/sonda.php"); //spowoduje wpisanie zawartości pliku z podanej lokalizacji do div idSonda
}
</script>
<div id="idSonda"></div>
<script>
  $("#idSonda").load("elementy/sonda/sonda.php");
</script>
<input type="submit" onclick="odswiez()" value="Odśwież">

czasem może się okazać, że jednak load() z funkcji odswiez() nie działa tak jak powinnien to ja wtedy używam $.ajax

Kod

$.ajax({
        type: "POST",
        url: "elementy/sonda/sonda.php"
        success: function(msg){
            $("#idSonda").html(msg); //spowoduje wpisanie do diva zwróconej zawartości pliku
        }
     });
    });

pisane z palca więc jakieś drobne błędy mogą być.

EDT: zmieniłby jeszcze onclick z subimit, z uwagi na to, że trzeba wyłączyć normalną akcję (submit).. onclick możesz podpiąć do czegokolwiek..

Ten post edytował chomiczek 5.08.2010, 14:05:31