Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zaznaczenie checkbox
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
acztery
8.03.2006, 17:20:03
witam,

mam sobie checkbox. jak go zaznacze to chce miec ladny komunikat jaki tam chce ale nie alter tylko takie male okienko na DIV'ie . i po odjechaniu mysza ma zniknąć.

cos takiego jak na http://shopping.aol.com/instore/ppesearch?...eattr=mid,Store

i kliknac na Compare?
revyag
9.03.2006, 15:53:57
Tu masz coś troche prymitywnego smile.gif

styl dla okienka
Kod
<style type="text/css">
div#info {
    position:absolute;
    width:70px;
    height:50px;
    border:1px solid #ff0000;
    background-color:#efefef;
    display:none
}
</style>


niewielka funkcja
Kod
<script type="text/javascript">
function pos(event,chk) {
    if(chk.checked) {
        x = event.clientX;
        y = event.clientY;
        document.getElementById("info").style.left=(x+20);
        document.getElementById("info").style.top=(y-10)
        document.getElementById("info").style.display='block';
    } else {
        document.getElementById("info").style.display='none'
    }
}    
</script>


zastosowanie:
[HTML] pobierz, plaintext 
  1. <input type="checkbox" id="chk01" onclick="pos(event,this)" /><br /><br />
  2.     <input type="checkbox" id="chk02" onclick="pos(event,this)" /><br /><br />
  3.     <input type="checkbox" id="chk03" onclick="pos(event,this)" />
  4.     <div id="info" style="">Info</div>
[HTML] pobierz, plaintext
acztery
9.03.2006, 16:15:06
a jezeli chce zeby tylko przy zaznaczeniu 1 checkboxa tak bylo ?
revyag
9.03.2006, 20:40:54
eee, wywalasz akcję onclick z pozostałych checkboxów ? blink.gif
to jakieś podchwytliwe pytanie ?
snitch.gif
acztery
9.03.2006, 23:54:13
wszystkie sa generowane automatycznie z bazy. wiec nie moge wywalić . moze jakis if z liczeniem zaznaczonych elementow .. jezeli 1 to true a jak wiecej to false ale nie znam js
revyag
10.03.2006, 09:32:03
Musisz to zrobić przy generowaniu checkboxów.

Zakładam że masz to np. tak:
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. while($row = mysql_fetch_object($res)) {
  4. 	echo '<input type="checkbox" id="'.$row->id.'" name="'.$row->id.'" />';
  5. }
  6. ?>
[PHP] pobierz, plaintext


Teraz wystarczy dodać prosty warunek:
[PHP] pobierz, plaintext 
  1. <?php
  2. $first=true;
  3. while($row = mysql_fetch_object($res)) {
  4. 	if($first) {
  5. 		echo '<input type="checkbox" id="'.$row->id.'" name="'.$row->id.'" onclick="pos(event,this)" />';
  6. 		$first = false;
  7. 	} else {
  8. 		echo '<input type="checkbox" id="'.$row->id.'" name="'.$row->id.'" />';
  9. 	}
  10. }
  11.  
  12. ?>
[PHP] pobierz, plaintext
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.