[MySQL][PHP][JavaScript]Rozsuwanie się wiadomości, problem z odejmowaniem przeczytanych Opcje

[Johnas]

Witam! mam mały problem który blokuje moją dalszą pracę. Mianowicie mam js który pozwala na wysuwanie wiadomości... Skrypt pochodzi ze stronki jqueryui.com Wszystko działa ładnie tylko nie wiem jak zrobić aby po rozsunięciu wiadomości w nieprzeczytane była jedna. Wiem jak zrobić update tylko chodzi mi jaki warunek zrobić aby odejmowało prawidłową wiadomość.

Proszę o pomoc. To dla mnie ważne.

[lobopol]

Bez kodu to ci powiemy...

[Johnas]

większość to js bo kod na to w php wygląda tak:

[PHP] pobierz, plaintext 
 elseif ($_GET['act'] == msg) {
 
$dw = mysql_query("SELECT * FROM wiadomosci WHERE wiad_do=$myid ORDER BY wiad_data desc ") or mysql_error();
Echo <<< KONIEC
<hr>
<center>
	<p>
		<h2>Wiadomości</h2> 
		<ul class="gallery clearfix">
			<li class="extra">
	<div id="accordion">
KONIEC;
if ($ilew2 > 0) {
while($krow = mysql_fetch_array($dw, MYSQL_BOTH)) {
$idw = $krow['wiad_id'];
$tematw = $krow['wiad_temat'];
$trescw = $krow['wiad_tresc'];
$odw = $krow['wiad_od'];
$dataw = $krow['wiad_data'];
$rodzajw = $krow['rodzaj'];
 
 
$daneod = mysql_fetch_array(mysql_query("SELECT * FROM rejestracja WHERE id=$odw "));
 
$imieod = $daneod['imie'];
$nazwiskod = $daneod['nazwisko'];
$avatarod = $daneod['avatar'];
echo '<h3><a href="#"><font style="float: left;">'. $imieod .' '. $nazwiskod .':</font>'. $tematw .'<font style="float: right;">'. $dataw .'</font></a></h3>';
echo <<< WIAD
<div style="height: auto;">
<img src="$avatarod" style="float:left; width:100px; height:100px;" />
		<div style=width:600px;">$trescw </div>
<p>
WIAD;
if ($rodzajw == 1) {
echo <<< FORM
<div style=width:400px;">
<form action="profile.php" method="post">
					<input name="znajomy" type="hidden" value="acept" />
					<input name="dodawany" type="hidden" value="$odw" />
					<input class="submit" style="float: left;" type="submit" value="Akceptuje" />
					</form>
					<form action="profile.php" method="post">
					<input name="znajomy" type="hidden" value="delete" />
					<input name="dodawany" type="hidden" value="$odw" />
					<input class="submit" style="float: right;" type="submit" value="Odrzuć" />
					</form>
</div>
FORM;
 }
echo '<div style="position: absolute; bottom: 5px; right:5px;"> tutaj buttony</div>'; 
 
echo <<< WIAD
</p>
WIAD;
 
echo <<< WIAD
	</div>
WIAD;
 
}
[PHP] pobierz, plaintext 

wygląda to tak:


Dodam też js:
Jeden z plików js

Ten post edytował Jonek_1993 17.02.2011, 20:28:06

[lobopol]

Przyglądam się twojemu kodowi i screenowi o jakich nieprzeczytanych mówisz? Czy chodzi ci o to aby po otworzeniu jakiegoś zmienić mu status na przeczytane?

[Johnas]

dokładnie o to mi chodzi

[lobopol]

$( ".selector" ).accordion({
change: function(event, ui) { ... }
});
i tutaj pobierasz id aktualnego elementu czy któryś jego element odpowiedzialny za bycie w bazie przesyłasz ajaksem do skryptu sprawdzającego czy ma osoba uprawnienia i czy już nie był aktywowany no i aktywujesz w bazie. Jak skończę pracę to jeszcze się rozpisze. ale chyba powinno ciebie to naprowadzić.

[Johnas]

Wiesz? Chciał bym powiedzieć że wiem o co chodzi, ale wcale nie rozumiem js nie mówiąc już o ajaksie... nie wiem gdzie to mam wkleić do pliku z pocztą? Cieszył bym się jak byś rozpisał i pokazał mniej więcej o co chodzi, ale i tak dziękuje za zainteresowanie.

[lobopol]

To musisz do kodu uruchomiającego acordion dodać
Załóżmy, że masz tak:

[HTML] pobierz, plaintext 
<div id="accordion">
	<h3><a href="#" rel="1">Section 1</a></h3>
	<div>
		<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
	</div>
	<h3><a href="#"  rel="2">Section 2</a></h3>
	<div>
		<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
	</div>
	<h3><a href="#" rel="3">Section 3</a></h3>
	<div>
		<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
		<ul>
			<li>List item one</li>
			<li>List item two</li>
			<li>List item three</li>
		</ul>
	</div>
	<h3><a href="#"  rel="4">Section 4</a></h3>
	<div>
		<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
	</div>
</div>
 
</div><!-- End demo -->
[HTML] pobierz, plaintext 

a acordion inicjujesz tak:

[HTML] pobierz, plaintext 
$(function() {
		$( "#accordion" ).accordion({
			collapsible: true,
			change: function(event, ui) {
  				//tu warto najpierw sprawdzić czy rel nie jest pusty, a dopiero gdy nie jest przesyłać postem jego zawartość                               
				$.post('adres_skryptu.php', 'id='+ui.newHeader.children(':eq(1)').attr('rel'), function(data) { 
				  //a tu co robimy z odpowiedzią skryptu najlepiej wyczyścić rel z linku
				});
 
			}
 
		});
	});
[HTML] pobierz, plaintext 

i Krótkie omówienie to nie jest kompletny skrypt, sam się natrudź z resztą (ale już nic z ui nie musisz kombinować to masz na srebrnej tacy, radzę na przyszłość przeczytać dokumentacje jest naprawdę dobra)
ui.newHeader.children(':eq(1)').attr('rel') w tym miejscu mam pobranie wartości z atrybutu rel który jest w h3 ui.newHeader zwraca obiekt właśnie rozsuniętego bloku .children(':eq(1)) daje nam dostęp do potomka tego obiektu (a konkretnie drugiego co prawda niby element h3 ma tylko jednego potomka, ale ui dodaje sobie <span class="ui-icon ui-icon-triangle-1-e"></span> przed linkiem

po stronie skryptu php działaj tak jakbyś otrzymał $_POST['id']

Bardziej nie pomogę bo już musiałbym kompletny skrypt napisać.

[Johnas]

[PHP] pobierz, plaintext 
$(function() {
		$( "#accordion" ).accordion({
			collapsible: true,
			change: function(event, ui) {
  				//tu warto najpierw sprawdzić czy rel nie jest pusty, a dopiero gdy nie jest przesyłać postem jego zawartość                               
				$.post('adres_skryptu.php', 'id='+ui.newHeader.children(':eq(1)').attr('rel'), function(data) { 
				  //a tu co robimy z odpowiedzią skryptu najlepiej wyczyścić rel z linku
				});
 
			}
 
		});
	});
[PHP] pobierz, plaintext 

Gdzie to mam wkleić? Do js acordion czy mogę w pliku php ze znacznikiem <script>? rel też na 100% nie będzie pusty bo tam wprowadzę id wiadomości pobrane ze sql. potem to wyśle postem na adres skryptu i tak zrobie update

[lobopol]

Dałem jasny przykład inicjujesz accordion w ten sposób co podałem (jeżeli masz taki sam układ jak w przykładach to powinno działać) a z relem chodzi mi oto aby nie dawać wiadomościom już przeczytanym tego znacznika i dlatego sprawdzać w js ifem czy jest ustawiony, bo po co sobie za każdym razem zaznaczać w bazie, że wiadomość jest odczytana?

[Johnas]

zrobiłem tak: do header w pliku z wiadomościami dałem:

[HTML] pobierz, plaintext 
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
	</script>
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true,
			change: function(event, ui) {
  				//tu warto najpierw sprawdzić czy rel nie jest pusty, a dopiero gdy nie jest przesyłać postem jego zawartość                               
				$.post('profile.php?act=msg', 'id='+ui.newHeader.children(':eq(1)').attr('rel'), function(data) { 
<?php include("db.php");
$idea = $_POST['id'];
$wiadprz = mysql_query("UPDATE wiadomosci SET wiad_przeczytane='1' WHERE id=$idea");
?>
 
				});
 
			}
 
		});
	});
	</script>
[HTML] pobierz, plaintext 

Robiłem też tak że do acordion.js dodałem na samej górze

[JAVASCRIPT] pobierz, plaintext 
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
	</script>
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true,
			change: function(event, ui) {
  				//tu warto najpierw sprawdzić czy rel nie jest pusty, a dopiero gdy nie jest przesyłać postem jego zawartość                               
				$.post('profile.php?act=msg', 'id='+ui.newHeader.children(':eq(1)').attr('rel'), function(data) { 
 
 
				});
 
			}
 
		});
	});
[JAVASCRIPT] pobierz, plaintext 

a do profile if ($_POST['id']){ echo 'odebrano id'; } ale dalej nie odbieram id. Jeżeli chodzi o jave to jestem zielony

[lobopol]

bo dwa razy inicjujesz funkcje acordion

to jest zbędne:

[HTML] pobierz, plaintext 
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
[HTML] pobierz, plaintext 

zamiast tego i tylko raz:

[HTML] pobierz, plaintext 
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true,
			change: function(event, ui) {
  				//tu warto najpierw sprawdzić czy rel nie jest pusty, a dopiero gdy nie jest przesyłać postem jego zawartość                               
				$.post('profile.php?act=msg', 'id='+ui.newHeader.children(':eq(1)').attr('rel'), function(data) { 
 
 
				});
 
			}
 
		});
	});
 
[HTML] pobierz, plaintext 

dalej zainstaluj sobie firebuga i zobacz czy jakiś błędów nie zwraca konsola, pokaż nam jeszcze jak wygląda div z id acordion (pamiętaj, że id musi być unikalne i jeżeli masz 2 divy z takim id to się posypie!)