Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][AJAX] Obrazek bez odświeżania
Forum PHP.pl > Forum > Przedszkole
mihipoznan
Więc.. w wyskakującym okienku ładuje mi się obrazek.. chcę żeby był on pokazany na stronie pod spodem w wyznaczonym miejscu (w tabelce) ale bez odświeżania strony na której ma się pokazać.. To się da zrobić tylko w AJAXIE ? Jeżeli tak to jakie funkcje itp? AJAXA prawie w ogóle nie znam..
golaod
document.getElementById('kontener').innerHTML = '<img src="sciezka/do/obrazka.jpg" />';
Wiem, że ktoś napisze "Brzydki sposób" ale nie chciało mi się bawić aż tak w DOM żeby tworzyć nowy element itd.
Dodaj jak coś temu elementowi id jakieś dzięki czemu następnym razem będziesz mógł się odwoływać do niego document.getElementById('id_obrazka').src = "zmiana/sciezki/do/obrazka.jpg"
mihipoznan
Dzięki. ale jakiś kozak mógłby mi to rozpisać tak bardziej ze znacznikami i jak nadać to id ? Bo AJAXA słabo umiem, prawie w ogóle a b. to potrzebuję do www... smile.gif
Maxik
id nadajesz normalnie, do znacznika img dodajesz id="obrazek". No i to jest mało ajaxowe, prędzej to zwykły js.
mihipoznan
No ale jak piszę ..
<script>
document.getElementById('obrazek').innerHTML = '<img src="sciezka/do/obrazka.jpg" />';
</script>

i na innej stronie gdzie ma się wyświetlić obrazek:
<script>
document.getElementById('obrazek').src = "zmiana/sciezki/do/obrazka.jpg"
</script>

? I dlaczego zmiana ścieżki do obrazka ?
Maxik
Nie za bardzo rozumiem o co Ci chodzi, strzelam:
Kod
function zmien_obrazek(src, id) {
document.getElementById(id).src = src;
}


Wtedy do linka dodajesz onClick="zmien_obrazek('sciezka/do/obrazka.jpg', 'obrazek');
mihipoznan
Ale jak na innej stronie będzie ten link z onClick to zadziała ? Nie rozumiem po prostu co wpisuję na której stronie.. przykładowo:

Mam na stronie laduj.php skrypt dodawania obrazka do bazy i link przechowuję w postaci sesji(fragment skryptu):
  1. <?php
  2. echo '<center><br> <u>Plik zostaĹ‚ poprawnie zapisany</u><br><br>';
  3. echo "<center><img src ='$uploaddir$filename_new' height='81' width='92'><br><br>";
  4. $_SESSION['name'] = "$uploaddir$filename_new";
  5. echo '<center><a href="javascript:opener.location.reload();window.close()" STYLE="TEXT-DECORATION:NONE"><button>dodaj zdjęcie</button></a>';
  6. ?>

W tym
  1. <?php
  2. $uploaddir$filename_new
  3. ?>

jest ścieżka do obrazka, dodaję ją później do bazy do kolumny link_obrazek


Mam na innej stronie pod spodem taki skrypt(info.php):
  1. <?php
  2. if(empty($wiersz['link_obrazek'])) {
  3. echo "<b>brak zdjęcia</b>" ;
  4. } else {
  5. echo "<img height='101' width='112' src= \"{$wiersz['link_obrazek']} \"  /></a>";
  6. }
  7. ?>

I chcę żeby po kliknięciu tego przycisku załaduj zdjęcie zdjecie pokazywało się na tej stronie info.php Na to $wiersz[link_obrazek] nie patrzeć..chcę to właśnie wyrzucić..

I jak tu zastosować tego onClicka ?

? biggrin.gif Jakoś jaśniej ? Coś niezrozumiałe ?

Chodzi mi o to żeby po kliknięciu na ten button "dodaj zdjęcie" zdjęcie pokazywało się na stronie pod spodem..

smile.gif

smile.gif

?
golaod
@edit
Czekaj bo ja czegoś nie rozumiem. Skoro ty najpierw uploadujesz zdjęcie. To po co Ci do tego js ? W końcu robisz to php.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.