jak zrobić taki efekt, w jakiej technologii? Opcje

[wiciu010]

jak zrobić coś takiego jak tutaj http://www.ftb.pl/ chodzi o ten box pod menu gdzie jest najnowsze wiadomości? Że jak najade na spis wiadomości to zmieniaja się po lewej treści? Da się to tylko za pomocą css+php i oczywiście tresci pobierane z mysql?

[Xniver]

Będziesz potrzebował jeszcze Javascriptu

[matix]

Ja proponuję advAjax.

Po prostu z prawej strony dajesz linki w postaci:

[HTML] pobierz, plaintext 
<ul>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
</ul>
[HTML] pobierz, plaintext 

Tworzysz teraz funkcję getContentOfAjax(url) no i pobierasz ajaxem dane z danego URL do wskazanego przez ciebie DIV-a.

Wszystko =)

[wiciu010]

Ja proponuję advAjax.

Po prostu z prawej strony dajesz linki w postaci:

[HTML] pobierz, plaintext 
<ul>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
</ul>
[HTML] pobierz, plaintext 

Tworzysz teraz funkcję getContentOfAjax(url) no i pobierasz ajaxem dane z danego URL do wskazanego przez ciebie DIV-a.

Wszystko =)

a mógłbyś mi napisać jakby wyglądała taka funkcja getContentOfAjax(url) ? i jak pobierać dane ajaxem z danego URL, i wstawić do diva?

[bim2]

[HTML] pobierz, plaintext 
<script>
function getContentOfAjax(url) {
advAJAX.get({
    url: url,	
    onSuccess : function(obj) { 
	//ramka('loading');
	document.getElementById('divka').innerHTML = obj.responseText;
	},  
	onError : function(obj) {
	alert(obj.status);
	}
});
}
</script>
<div id="divka"></div>
<ul>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContentOfAjax(this.href);return false;">How to make...</a></li>
</ul>
[HTML] pobierz, plaintext 

EDIT: Aha, potrzebujesz do tego biblioteki advAjax stworzonej przez anakina (advAjax.anakin.us)

Ten post edytował bim2 9.03.2008, 14:33:04

[phpion]

Nie sądzicie, że wasze rozwiązanie jest nie do końca poprawne? Otóż po co za każdym razem wywoływać Ajax przy każdym najechaniu myszki na dany link? Ja zrobiłbym to inaczej: pobrał zawartość wszystkich elementów (np. z bazy) i wyświetlił na stronie w formie zakładek. Przy przejściu pomiędzy kolejnymi zakładkami nie odbywałoby się żadne żądanie do serwera; cała praca spadłaby na JavaScript. Użycie Ajaxa wydaje mi się zbędne; "zwykłe" JS zrobi dokładnie to samo ale szybciej i wydajniej.

[windman]

Nie sądzicie, że wasze rozwiązanie jest nie do końca poprawne? Otóż po co za każdym razem wywoływać Ajax przy każdym najechaniu myszki na dany link? Ja zrobiłbym to inaczej: pobrał zawartość wszystkich elementów (np. z bazy) i wyświetlił na stronie w formie zakładek. Przy przejściu pomiędzy kolejnymi zakładkami nie odbywałoby się żadne żądanie do serwera; cała praca spadłaby na JavaScript. Użycie Ajaxa wydaje mi się zbędne; "zwykłe" JS zrobi dokładnie to samo ale szybciej i wydajniej.

Popieram, pewnie będziesz tak jak na wspomnianej stronie pokazywał tylko kilka rekordów, można je bez problemu wstawić do ukrytych div'ów i po najechaniu myszką pokazywać.
Po co niepotrzebnie obciążać serwer?

Pozdrawiam

[bim2]

No to:

[HTML] pobierz, plaintext 
<script>
function getContent(id) {
document.getElementById('div_'+id).display = "block";
}
</script>
<div id="div_1">Tutaj tresc1</div>
<div id="div_2">Tutaj tresc2</div>
<div id="div_3">Tutaj tresc3</div>
<div id="div_4">Tutaj tresc4</div>
<ul>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContent(1);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContent(2);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContent(3);return false;">How to make...</a></li>
<li><a href="news/1/how-to-make-somethink" onmouseOver="getContent(4);return false;">How to make...</a></li>
</ul>
[HTML] pobierz, plaintext 

:]