Jako że php nie sprawia mi już większych kłopotów i w miarę dobrze to opanowałem - postanowiłem się wziąć za js, ajaxa. Pamietam jak kilka miesiecy temu twierdzilem ze PHP jest nie dla mnie i to wszystko było takie trudne to chyba jedyne piękne wspomnienie w moim zyciu no ale do rzeczy. Jak to u mnie zazwyczaj bywa - pierw musze zadać kilka pytać żeby zrozumieć co w książce piszą.

Zrobiłem cos takiego ze po najechaniu na guzik - pokazuje sie zdjecie a jak zrobic zeby zdjecie sie pokazywalo tylko wtedy kiedy jest na guziku kursor ?



<script language="javascript" type="text/javascript">

var LinkDoFoto = '<img src="http://www.webtistic.co.uk/wp-content/uploads/2010/04/puppy.jpg" width="300" height="300" />';

function PokazFoto() {

document.getElementById('foto').innerHTML = LinkDoFoto;

}

</script>





<form><input type="button" value="POKAZ ZDJECIE" onmouseover="PokazFoto()"</form><br />

<div id="foto"></div>

Sorki, ale nie bardzo rozumiem, przecież
po najechaniu na guzik == kiedy jest na guziku kursor

Napisz dokładnie co chcesz zrobić

Niom jesli kursor jest na guziku to zdjecie sie pojawia a jesli rusze kursor poza guzik to zdjecie znika

tak na szybko:

[JAVASCRIPT] pobierz, plaintext 
function SchowajFoto() {
    document.getElementById('foto').innerHTML = "";
}
[JAVASCRIPT] pobierz, plaintext 

i do znacznika <img /> dodaj

[HTML] pobierz, plaintext 
onmouseout="SchowajFoto()"
[HTML] pobierz, plaintext 

Tak robiłem ale nie chciało zadziałaś - teraz działa - dzieki.


Co prawda juz padam ale pochwale się rano co zrobiłem

ALBO JESZCZE COS

jak zrobic po kliknieciu to wiem, a jak zrobic zeby po nastepnym kliknieciu sie schowało ?

No to w funkcji PokazFoto() zrób if'a w którym sprawdzasz, czy element jest wyświetlany.

nie dziala mi to - nie wiem czmu - mozesz podpowiedziec ?

[JAVASCRIPT] pobierz, plaintext 
widocznosc = false;
function PokazFoto() {
    if(widocznosc==false){
        //  wyświetlamy element
        document.getElementById('foto').innerHTML = LinkDoFoto;
    }else{
        //  tu wstaw swój kod odpowiedzialny za chowanie
    }
}
[JAVASCRIPT] pobierz, plaintext 

Jeżeli zdjęcie jest widoczne, to zmienna widocznosc ma wartość true, w przeciwnym wypadku - false.

w sensie ze do chowania to np.:

document.getElementById('foto').innerHTML = " ";

ale nie dziala no chyba ze ja cos zle mysle ?

MAM MĘTLIK W GŁOWIE - już tyle pomysłów sprawdziłem i ciagle sie nie chowa :/

Po pierwsze AJAX to część JS.
Po drugie kod powinien działać
Po trzecie poczytaj o DOM( http://kurs.browsehappy.pl/JavaScript/DOM ) i edycji CSS za pomocą JS( np. taka konstrukcja--> element.style.display = 'none'; <--)
Po czwarte poczytaj o poprawnym dodawaniu zdarzeń(czyli np. click, mousemove itd. ) w JS.
Po piąte popraw kod zgodny z moimi wskazówkami.

Zdaje sobie sprawę, że jesteś początkujący, ale jak nauczysz się robić wszystko poprawnie to może będzie z Ciebie w miarę dobry programista.
Poprawny kod, który jest zgodny z moimi wskazówkami:

Proponuje zamiast czystego JS użyć jQuery bibliotek jest lepiej i prościej i współpracuje z wszystkimi przeglądarkami.

na jQuery przyjdzie czas tez;

dzieki kamil4u - musze to przeanalizowac, nie kapuje nic z tego DOM`u :/ no nic moze kiedys zalape :/

To nic trudnego, w wielkim skrócie to wszystkie elementy jakie masz na stronie, wszelkie divy, spany, tabelki, inputy, zwykłe teksty - generalnie wszystko to co piszesz w HTML, ale zapisane w jakieś tam specjalnej formie(,która Ciebie w ogóle nie zajmuje). Aby wykonać dowolną operację na jakimś elemencie HTML w JS, musisz najpierw znaleźć ten element, a poszukujesz go właśnie po przez DOM. Czyli jak chcesz zmienić np. tekst, jakiegoś elementu(innerHTML) to znajdujesz dany element w tzn. drzewie DOM( http://kurs.browsehappy.pl/Definicja/DOM ) i wykonujesz na nim operacje. Problem jest w tym, że najpierw przeglądarka musi mieć załadowane to drzewo DOM, gdzieś w swoim cache-u( to proste, załadowany element w tym drzewie DOM = możesz na nim operować). Możesz to 2 sensowne sposoby:
- Szukać tego elementu, dopiero po wpisaniu div-a(czyli w kodzie najpierw masz dany element, a dopiero potem się do niego odwołujesz)
- wykorzystać odpowiednie zdarzenie, aby spr. czy DOM jest załadowany - np. onload - czyli jak drzewo DOM jest załadowane to wtedy wykonaj pewne operacje( akurat przy onload to funkcja wywoływana jest to oprócz DOM, muszą być załadowane też wszelkie inne elementy strony np. obrazki), są sposoby, aby wykonać te funkcje dopiero po załadowaniu DOM, ale na razie nie musisz ich znać.

I w sumie to wszystko. Jedyne co jeszcze musisz wiedzieć to jak dobrać się do elementów. Możesz to robić na wiele sposobów, szukając ich po id, name, class, tagu HTML funkcje getElement(s)By(Id|Name|Class|TagName) - lub poprzez inne sposoby np. następny element na stronie( patrz poprzedni link)

Dobrze wiedzieć jeszcze, że możesz zapisywać sobie referencję(takie odwołanie) do danego elementu, np:

Jest to bardzo dobre, gdyż nie musisz szukać elementu za każdym razem(optymalizacja) - kod jest, krótszy, często czytelniejszy.

Jeszcze napisze Ci o this (z ang. "to"), które bezpośrednio odwołuje się do używanego elementu(nie zawsze, ale to za dużo tłumaczenia ):


To chyba wszystko - solidne podstawy. Jeszcze czegoś nie rozumiem to pisz(mam fazę pisania dłuższych opisów, zamiast odsyłać do tutków, więc możesz to wykorzystać )

Dziekuje kamil4u, dzeki sweter



ZROZUMIALEM TO ! ! ! TO JEST PIEKNY DZIEN


Zrozumialem na czym to wszystko polega Boze ile to daje mozliwosci + PHP do tego mniam

ZANIM ZOBACZYSZ - pragne powiedziec ze wszystko to co stworzylem to tylko i wylaczenie Wasza pomoc i mój łeb (grafika moja oprocz zdjec, pomysl tez)

Jesli chodzi o chat to zrobilem odswiezanie co pol sekundy wiec wyswietla rekordy z bazy ale nie wiem jak zrobic zeby je do niej przeslac tzn bez przeladawania stony w js. No ale do tego dojde za chwile (no chyba ze kamil4u nie stracil weny i moze mi to w jasny sposob wytłumaczyc) WIECZOREM PEWNIE WSTAWIE COS WIECEJ BO MAM KILKA RZECZY KTÓRE ZAWSZE CHCIALEM ZROBIC ALE NIE UMIALEM A TERAZ JUZ POTRAFIE.

http://www.mojetesty.vot.pl/

Pewnie chodzi Ci o AJAX - polecam: http://www.xul.fr/en-xml-ajax.html i popatrz na skrypty shoutbox-ów.

Co to samej strony to funkcje oneColor( i pokrewne) i ShowPictureOne(i pokrewne) są źle zrobione, powinno być:

Albo nadaj <img> jakieś id i bezpośrednio do niego(obrazka) się odwołuj. getElementsByTagName zwraca tablicę, stąd za nim [0], czyli pierwszy element img w divie o id == gallerymaindown. To samo z drugą funkcją.

Jak się da to staraj się nie używać innerHTML, a zmieniać tylko tę część, która ma się zmienić na stronie.

Witam, nie chce zakladac nowego tematu szczegolnie ze problem dotyczy CSS. Pierwszy raz mi sie cos takiego zdarzyło a juz troche w tym siedze i nie wiem co jest nie tak; mianowicie mam:

glownego div`a a w nim lewy i prawy:

#main {
width:200px;
height:30px;
margin:0px auto;
}
#mainleft {
width:100px;
height:30px;
float:left;
}
#mainright {
width:100px;
height:30px;
float:right;
}

<div id="main">
<div id="mainleft"></div>
<div id="mainright"></div>
</div>

I WLASNIE ONE NIE CHCA WEJSC DO SRODKA - Z TYM TO SIE JESZCZE NIE SPOTKALEM :/ main div jest gdzies sobie indziej a lewy i prawy gdzies indziej

i podobny problem na tej samej stronie z divem ktorego nazwalem core - nie wyswietla sie a elemnty ktore sa w nim sa w pozcyjach prawidlowych - spitkaliscie sie z takim czyms ? sprawdzalem wszystko - zmienialem wysokosci glownego, szerokosci i nic.

dodam jeszcze ze style pobiera z pliku no i reszta jest dobra tylko te wlasnie elementy - odczywiscie style sie nie powtarzaja.