Forum PHP.pl

mam baze danych z samochodami marka,model,popjemnosc,predkoscmax itd. na stronie php wywietlaja mi sie tylko dane:
marka
model
i przycisk <<wiecej informacji

Jak zrobic aby po nasicnienciu tego przycisku()<<wiecej informacji pokazywaly sie pozostale informacje?

W nowym oknie? W nowej warstwie? W Ramce? Pod spodem? ..... rozwiązań jest chyba tyle ile użytkowników na forum (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

no wyglada to na stonie mnie wiecej tak
----------------------------------------
|marka: fiat |
|model : uno |
|<<wiecej info |
-----------------------------------------
----------------------------------------
|marka: mazda |
|model : 32f |
|<<wiecej info |
-----------------------------------------
a po nacisnienciu na przycisk np. w fiacie:
----------------------------------------
|marka: fiat |
|model : uno |
|pojemnosc: 1,4 |
|liczba miejsc:4 |
|mazpredkosc:150 |
|>>wroc(przycisk) |
-----------------------------------------
----------------------------------------
|marka: mazda |
|model : 32f |
|<<wiecej info |
-----------------------------------------

To taka podpowiedź:

1. Robisz sobie pod głónymi danymi jakiegość div`a:

[HTML] pobierz, plaintext 
<div id="wiecej">
 tutaj wiecej informacji
</div>
[HTML] pobierz, plaintext 

2. ustawiasz jego display na none:

[HTML] pobierz, plaintext 
style="display: none;"
[HTML] pobierz, plaintext 

3. Robisz przycisk (button) i do niego przypisujesz funkcję: pokaz() i funkcje ukryj() (tylko tak z pomyślunkiem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ):

[HTML] pobierz, plaintext 
<script>
function $(id){
 	return document.getElementById(id);
}
 
function pokaz(){
  $('wiecej').style.display="";
}
 
function ukryj(){
 $('wiecej').style.display="none";
}
</script>
[HTML] pobierz, plaintext 

Powodzenia

Ajax albo zwykły JS...

Pobierasz te dane do diva ".ukryty". Po kliknięciu na button robisz display:block dla .ukryty'ego ;]

A co do Ajaksu - pobaw się jakąś prostą biblioteką, np. advAjax...

ee (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif) jednak sie pospieszylem z entuzjazmem.
zrobile tak jak pisaliscie uzuwlem diva i js ale po nacisnienciu przycisku czy to w fiacie czy mazdzie to pokazuje wiecej informacji ale tylko do fiata i tak za kazdym razem. nie wiem co jest grane
a wyglada to tak mniewiecej:

[PHP] pobierz, plaintext 
<link rel="stylesheet" href="tablica.css" type="text/css">
<script>
function $(id){
return document.getElementById(id);
}
 
function pokaz(){
$('d_tresc').style.display="";
}
 
function ukryj(){
$('d_tresc').style.display="none";
}
</script>
<?php
 
$conn = mysql_connect( 'localhost', 'zzzzzzzz', 'aaaaaaaaaaa' );
mysql_select_db( 'db',$conn );
$zapytanie = 'SELECT * FROM xxxxxxxxxxxxx'; 
$wynik = mysql_query( $zapytanie );
 
echo '<table width="100%" height="150"  border="1" cellpadding="0" cellspacing="0">';
 
while( $wpis = mysql_fetch_assoc( $wynik ) )
{ 
 
 
	echo '<tr><td><b>marka:</b>' . $wpis['marka'] . '</td></tr>';
	echo '<tr><td><b>model:</b>'.$wpis['model'].'</td></tr>'; 
 
 
	 echo '<tr><td><b><div id="d_tresc" style="display: none;">Tresc :</b>'.$wpis['tresc'].'</div></td></tr>';
	  echo '<tr><td>'.'<form>
<input type="button" onclick="pokaz()" value="wiecej szczegółow">
</form>'.'</td></tr>';
  echo '<tr><td>'.'<form>
<input type="button" onclick="ukryj()" value="schowaj">
</form>'.'</td></tr>';
	 
 
}
 
echo '</table>';
 
mysql_close( $conn );
 
?>
[PHP] pobierz, plaintext 

Ten post edytował kop23 24.02.2006, 17:52:40

Właśnie zabrałem się do napisania Ci tego, ale poradziłeś sobie :/
---update---
A jednak sobie nie poradziłeś (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
---

To nic wkleję Ci mój kod:

[PHP] pobierz, plaintext 
<?php
 
error_reporting( E_ALL );
ini_set( 'display_errors', 1 );
 
?>
 
<style type="text/css">
div.hidden {
	display: none;
}
</style>
 
<script type="text/javascript">
<!--
function showBox( mode, id )
{
	if( mode == 'show' )
	{
		document.getElementById( 'box_' + id ).style.display = 'block';
	}
	else
	{
		document.getElementById( 'box_' + id ).style.display = 'none';
	}
	return false;
}
-->
</script>
 
<?php
 
$resConnection = mysql_connect( 'localhost', 'user', 'pass' );
mysql_select_db( 'baza', $resConnection );
$strQuery = 'SELECT * FROM blebleble';
$resQueryResult = mysql_query( $strQuery );
 
 
$i = 1;
while( $arrRow = mysql_fetch_assoc( $resQueryResult ) )
{
	?>
 
	<div id="car">
	  <h1><?php echo $arrRow['marka']; ?></h1>
	  <h2><?php echo $arrRow['model']; ?></h2>
	  <a href="#" onclick="showBox( 'show', <?php echo $i; ?> );">Szczegóły</a>
	  <div id="box_<?php echo $i; ?>" class="hidden">
		<?php echo $arrRow['more']; ?>
		<br />
		<a href="#" onclick="showBox( 'hide', <?php echo $i; ?> );">Ukryj</a>
	  </div>
	</div>
 
	<?php
	$i++;
}
 
?>
[PHP] pobierz, plaintext 

mike_mech dzieki ale czy moglbys poprawic kod ktory dalem w poprzednim poscie, bo tak jak napisalem ktoregokolowiek nacisne buttona po pokazuje dane z 1 rekordu

[HTML] pobierz, plaintext 
$('d_tresc').style.display="none";
[HTML] pobierz, plaintext 

Tylko jeden element może mieć nazwę d_tresc....ponazywaj każdy z elementów d_tresc inaczej - np. d_tresc1, d_tresc2.

Myślę, że nie ma co się bawić z tym w Ajaxie, aczkolwiek jeśli ktoś chciałby dodać jakiś bajer to czemu nie....

ale nie moge nazywac kazdego elementu inaczej poniewaz dane te sa dodawane dynamicznie tzn. uzytkownik ze storny dodaje poprzez formularz dane o aucie. pozniej poprzez inna strone jest widoczna cala tabela.

Dlaczego tak sądzisz?

Przecież mike_mech pokazał Ci pełny kod łącznie ze zmienianiem nazwy.
Masz wszystko jak na talerzu... tylko kopiuj - wklej.

Popatrz dokładnie co dzieje się w pętli.

racja troszke to pozmienialem do swoich potrzeb i smiga jak nalezy.
Ale mam jeszcze drugie pytnko :
mam formularz w ktorym uzytkownik wpisuje dane i jest pole data_wygasniencia(czas po ktorym rekord zostanie usutnienty z bazy) i chodzi mi o to jak zrobic aby uzytkownik mogl wybierac ta date w formularzu z listy rozwijanej tak aby w liscie wyboru znajdowaly sie dni:"od dzisiaj"do 30 dni w przyszlosc?
juz sobie poradzilem (IMG:http://forum.php.pl/style_emoticons/default/rolleyes.gif) dla zainteresowanych kod:

[PHP] pobierz, plaintext 
  <select name="select" size="1">
			<option>Wybierz</option>
	  <option><? $data=time();
$dat=date("Y-m-d",$data);echo ($dat); ?></option>
<option><? echo(date("Y-m-d", strtotime("+1 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+2 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+3 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+4 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+5 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+6 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+7 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+8 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+9 day", $data))) ?></option>
<option><? echo(date("Y-m-d", strtotime("+10 day", $data))) ?></option>
	</select>
[PHP] pobierz, plaintext 

kurcze i znowu wróce do do problemu z przyciskiem wiecej.
Wyswietala mi dane z table auta i tak jest na stronie tego pare a przy kazdym przycisk <<wiecej szczegolow po nacisnienciu wyswietla pozostale informacje danego auta ale np. jezeli mam na stornie tych aut 20 i chce zobaczyc <<wiecej szczegolow z auta 20 a wiec na samym dole strony to po nasicnienciu przenosi mnie spowrotem na gore strony i musze zjechac na dol by zobaczyc "wiec szczegolow " z auta 20 .
Jak temu zaradzic? (IMG:http://forum.php.pl/style_emoticons/default/ohmy.gif)

Ten post edytował kop23 25.02.2006, 10:47:31