Forum PHP.pl > [js] automatyczna zamiana linku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] automatyczna zamiana linku

Forum PHP.pl > Forum > Po stronie przeglądarki

!*!

29.03.2008, 11:07:51

hmm nie mogę chyba wczytać tego z funkcji odczytywanej przez osobny plik js, a to dlatego że php musi odczytywać ciągle nowe zmienne. Zrobiłem coś takiego:

[PHP] pobierz, plaintext 
<?php
echo '<div style="cursor:pointer;" name="'.$f.'" onClick="document.getElementById(''.$wiersz['login'].'').style.display='block';">rozwiń</div>';
echo '<div style="display: none" id="'.$wiersz['login'].'"><br /><a href="gg:'.$wiersz[dom].'"></a>
<div style="cursor:pointer;" name="'.$f.'" onClick="document.getElementById(''.$wiersz['login'].'').style.display='none';">zwiń</div>
</div>';
?>
[PHP] pobierz, plaintext

wszystko wczytywane jest przez while i dodawane do każdego wyniku z osobna... ale czy jest możliwość w tym JS utworzenia jednego diva który będzie na poczatku wyświetlał "rozwiń" a po kliknieciu w niego zamieni się automatycznie w "zwiń" ?

arecki

29.03.2008, 13:04:34

Spróbuj dostosować to do swoich potrzeb :

[HTML] pobierz, plaintext 
<?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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style type="text/css">
 
.divA {
	border:	1px solid #222;
	padding: 10px;
	width: 100px;
}
 
</style>
<script type="text/javascript">
//<![CDATA[
 
	function showOrHideDivWithTextChange(divId, divWithText) {
		var div = document.getElementById(divId);
		if(div.style.display == 'block') {
			div.style.display = 'none';
			divWithText.innerHTML = 'rozwiń';
		} else {
			div.style.display = 'block';
			divWithText.innerHTML = 'zwiń';
		}
	}
 
//]]>
</script>
</head>
<body>
 
<div style="cursor:pointer;" id="textToChange" onClick="javascript:showOrHideDivWithTextChange('login_name', this);">rozwiń</div>
<div style="display: none" id="login_name" class="divA"><a href="gg:1234">numer gg</a></div>
 
</body>
</html>
[HTML] pobierz, plaintext

!*!

29.03.2008, 15:29:51

widzisz, problem polega na tym iż nie moge zastosować funkcji w tym, ponieważ musiałbym cały kod powtarzać w while, i przy 10000 wyniku to za dużo tego, każda funkcja musiałaby być przypisana do osobnego diva

lord_t

29.03.2008, 15:48:50

Raz byś sobie zdefiniował funkcję, a później ją wywoływał tylko. (10 000 razy to dużo, fakt, no ale jak inaczej)

? Bo mi sie wydaje, że ty myślałeś o tym, żeby do każdego diva wpisać całą tą funkcję:>

!*!

29.03.2008, 17:22:47

lord_t - do każdego diva musi być przepisana osobna funkcja... tzn. każdy div ma inną nazwę, i to w zależności od nazwy funkcja ma sprawdzać czy div jest ukryty/pokazany czy nie... jakbym napisał funkcje to nie odwołam się do niej bo niby jak?

arecki

29.03.2008, 20:04:22

I tak w pętli generujesz nazwe DIV'a to co za problem tą samą wartość wpisać w wywołanie funkcji w zdarzeniu onclick ?

lord_t

30.03.2008, 11:51:08

Cytat(!*! @ 29.03.2008, 18:22:47 )

do każdego diva musi być przepisana osobna funkcja... [...] jakbym napisał funkcje to nie odwołam się do niej bo niby jak?

Czy ty rozumiesz istotę funkcji? Do każdego diva musi być przypisane osobne wywołanie funkcji a nie funkcja.
Nie robi się tak:

Cytat(pseudokod)

fun1(){echo "Ala";}
fun2(){echo "Kot";}
fun3(){echo "mieć";}

fun1();fun2();fun3();

tylko tak:

Cytat(pseudokod)

fun(argument){echo argument;}

fun("Ala");fun("Kot");fun("mieć");

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.