Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gawitanowice.opx.pl
telcocafe
Witam!Przejdę od razu do rzeczy:
Znajoma ma w sobotę na studiach zaliczenie z html'a (kierunek całkowicie niezwiązany z informatyką, nie wiem skąd im się tam wziął HTML...)
A że to tylko duuuże podstawy, będąmusieli wykonać (najprawdopodobniej) tabelkę o takiej strukturze:
Klik! Obrazek
Z tym, że w komórce 1 będzie się znajdował link tekstowy do obrazka, który ma się wczytać w komórce nr 2 (tzn jak kliknie na link w kom. 1 to obrazek pokazuje się w kom. 2)
I tutaj rodzi się problem: jak zmusić przeglądarkę, żeby obrazek wczytywała do komórki 2, a nie otwierała nowej strony z obrazkiem?
Próbowałem nadać komórce 2 nazwę, klasę, id, i do tej nazwy/klasy/id ustawiałem target w linku <a target="nazwa/klasa/id" href="obrazek.jpeg">
Ale to rozwiązanie (przynajmniej u mnie) nie działa.
Macie jakieś pomysły na rozwiązanie tego problemu? Koniecznie muszę mieć rozwiązanie jeszcze dzisiaj (tj. czw, 13.XI) ponieważ dzisiaj przychodzi do mnie znajoma, żebym jej to wyjaśnił.
I wiem, że stron nie powinno się robić na tabelkach - ale tak wymagają u niej na zaliczeniu ;)
Pozdrawiam,
Szary User
Użytkownik Szary User edytował ten post 13 listopad 2008, 00:25
JS!
Możesz albo dynamicznie zmieniać zawartość drugiej komórki (getElementById + innerHTML), albo stworzyć pusty obrazek i łapiąc jego uchwyt, zmieniać wartość atrybutu src (w JS to chyba inaczej się zwało) ;).
a można jakoś prościej? znajoma jest zielono-fioletowa w te sprawy a musi się tego nauczyć ;-) JS by ją zabił :P Podobno na ćwiczeniach robili to o czym piszę - tzn do strony wkładali tabelkę - 2 kolumny i 1 wiersz (lewa kolumna robiła za menu, prawa za część właściwą strony) i po kliknięciu na odnośnik w lewej, obrazek (do którego prowadził link) wczytywał się w prawej komórce.
Jak były jeszcze szablony stron oparte o tabelki to wszystko tak się odbywało, ale bez JS. Problem w tym, że teraz ciężko dopaść taki stary szablon, bo wszystkie są już napisane z CSSem i na DIVach ;)
Takie rozwiązanie (za przeproszeniem) cholernie nie trzymające się standardów: pływająca ramka w tabeli:
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <body> <table style="border: none;"> <tr> <td style="vertical-align: top; text-align: right;"> <a href="http://forum.ks-ekspert.pl/uploads/av-34696.jpg" target="ramka">Link do obrazka</a> </td> <td> <iframe src="blank.html" name="ramka" style="width: 80pt; height: 80pt; border: 0px; overflow: hidden"> </iframe> </td> </tr> </table> </body> </html>
Użytkownik bl4ckh4t edytował ten post 13 listopad 2008, 18:06
Wielkie dzięki, działa :)
Sposób faktycznie niezgodny ze standardami, ale tutaj chodzi tylko i wyłącznie o zaliczenie ;_
Dziękuję raz jeszcze ;)
Pozdrawiam,
Szary User
A z wykorzystaniem skryptu jakby to wyglądało? Bo właśnie znajoma siedzi koło mnie i mówi, że jednak Javascript może być ;)
Użytkownik Szary User edytował ten post 13 listopad 2008, 19:15
na przykład tak (chowanie/pokazywanie obrazka)
<!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" lang="pl-PL"> <head> <script type="text/javascript"> function LadujObrazek() { var obrazek = document.getElementById('obrazek'); obrazek.style.display = "block"; } </script> </head> <body> <table style="border: none;"> <tr> <td style="vertical-align: top; text-align: right;"> <a href="#" onclick="LadujObrazek();">Link do obrazka</a> </td> <td> <img src="http://forum.ks-ekspert.pl/uploads/av-34696.jpg" id="obrazek" style="display: none;" /> </td> </tr> </table> </body> </html>
pozdrowienia dla znajomej :)