Forum PHP.pl > ładowanie strony przez onmouseover

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: ładowanie strony przez onmouseover

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

cheschire_kotek

26.08.2009, 22:01:08

Witam,

proszę o podpowiedź jak mogę w divie galeria aktywować odnośnik z wykorzystaniem funkcji onmouseover:

[PHP] pobierz, plaintext 
<?php
$id='pic_1';
if(isset ($_GET['id']) && $_GET['id']) $id=$_GET['id'];
?>
<head>
  <title>Glina i Drewno</title>
</head>
<body>
<div id="top">
  <div id="NAGLOWEK">
    <p style="font-size:12px; font-family: Verdana; margin-left:690px; margin-top:3px; color:#FFFFFF">
      <a href="?id=zakupy"><span class="color">ZAKUP</span>Y</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="?id=kontakt"> K<span class="color">ONTAKT</span>
      </a>
    </p>
   </div>
    <div id="MENU"> 
      <p style="margin-left:10px; margin-top:130px; color:#A2846E"> Glina </p>
      <img src="fotki/hr.jpg"  style="margin-left: 10px" alt=""/>
      <p style="margin-left:10px; margin-top:15px; color:#FFFFFF"><a href="?id=pic_1">Drewno</a></p> 
    </div>
      <div id="TRESC">   
		<?php
        include("inc/$id.php");
		?>
      </div>
        <div id="GALERIA">          
           <table cellspacing="5" style="margin-left:50px">
            <tr>
             <td><a href="?id=pic1_"><img src="fotki/mpic1.jpg" height="110" alt=""/></a></td>
             <td>&nbsp;</td>
             <td><a href="?id=pic2_"><img src="fotki/mpic2.jpg" height="110" alt=""/></a></td>
             <td>&nbsp;</td>	     
             <td><a href="?id=pic3_"><img src="fotki/mpic3.jpg" height="110" alt=""/></a></td>
             <td>&nbsp;</td>	
             <td><a href="?id=pic4_"><img src="fotki/mpic4.jpg" height="110" alt=""/></a></td>
             <td>&nbsp;</td>  
             <td><a href="?id=pic5_"><img src="fotki/mpic5.jpg" height="110" alt=""/></a></td>
             <td>&nbsp;</td>
            </tr>
           </table>          
        </div>
</div>
</body>
</html>
[PHP] pobierz, plaintext

Z góry dziękuję,
Tomek

thek

26.08.2009, 23:29:46

Wyjaśnij CO ma się dziać po najechaniu na miniaturę? Pokazać pełnowymiarowy obrazek? Komputer ma zacząć tańczyć Ci pod biurkiem?

GDZIE ma wyświetlić? W nowym oknie? Poniżej miniatur? Na telewizorze w pokoju obok?

Bądź konkretniejszy. Aktywacja linka to dość mgliste pojęcie

slammer

27.08.2009, 02:13:22

hmm ze słowa "aktywować odnośnik" rozumię, że po najechaniu na div chcesz zasymulować kliknięcie w link? Można to zrobić tak:

Kod

onmouseover="location.href = 'link'"

p.s.
dziwny kod tworzysz

Kod

Kod

$id='pic_1';
if(isset ($_GET['id']) && $_GET['id']) $id=$_GET['id'];

masło maślane...

Kod

$id = ($_GET['id']) ? $_GET['id'] : 'pic_1';

cheschire_kotek

27.08.2009, 06:48:22

Dziekuje za odzew. Thek: sprawa wyglada tak, mam div TRESC, w który wczytuję pliki php pic_1 pic_2 itd. Pliki teraz ładowane są przez naciśnięcie jednego z obrazków umieszczonych w divie GALERIA. Chciałem, aby strona była ciut bardziej dynamiczna, żeby najeżdżając kursorem na zdjęcie ładował się jednokrotnie plik php. Dlatego kombinuję z onMouseOver. A może funkcje roll dałoby się jakoś użyć?

Slammer: dziękuję za kod. Czy da się takie zdarzenie ładowania strony wykonać tylko raz?

ps.
Dziwne kody?

wydawało mi się, że każda komórka tabeli musi coś w sobie mieć, mi najłatwieć wstawić spacje. Czy to błąd? Jeżeli chodzi o:

Kod

$id='pic_1';
if(isset ($_GET['id']) && $_GET['id']) $id=$_GET['id'];

to istotnie nie do końca wiem o co w nim chodzi, cieszy mnie że działa. Jest zmienionym metodą prób i błędów kodem, który jakiś dobry człowiek mi podsunął tutaj na forum

Kod

$id='galeria_1';
if( isset($_GET['id']) && preg_match('/^galeria_[0-9]+$/',$_GET['id'])) $id=$_GET['id'];

thek

27.08.2009, 08:41:11

Na Twoim miejscu zrezygnowałbym z tabel i sobie miniaturki w DIV ładnie zrobił. W zdarzeniu onMouseOver możesz wywołać choćby:

Kod

document.getElementById(element_miniaturki).click()

Ale to jedna z możliwości

Zaś kod kogoś z forum sprawdzał czy istnieje w jakiejkolwiek galerii takie zdjęcie

slammer

27.08.2009, 10:53:58

proponuję jquery -> ajax

[HTML] pobierz, plaintext 
<div id="tresc">...</div>
[HTML] pobierz, plaintext

na obrazku robisz:

[HTML] pobierz, plaintext 
<script>
function ajax(id) {
   $.ajax({
      type: "POST",
      url: "twojplikphp.php",
      data: "id="+id,
      success: function(msg){
         $('#tresc').html(msg);
   });
}
</script>
<a href="?id=pic1_"><img src="fotki/mpic1.jpg" height="110" alt="" onmouseover="ajax('pic1_')" /></a>
[HTML] pobierz, plaintext

coś w tym kierunku kombinuj.

Cytat

wydawało mi się, że każda komórka tabeli musi coś w sobie mieć, mi najłatwieć wstawić spacje.

jesli komórka ma mieć tylko spacje to po co ją robić

można przecież zastosować marginesy

cheschire_kotek

27.08.2009, 20:10:46

Slammer: strona z kodem od Ciebie ładuje się bez błędu. Pojawia się natomiast błąd przy wywołaniu funkcji ajax(id) - obiekt nie obsługuje tej właściwości lub tej metody. Biblioteke mam mintAjax zadeklarowaną w head <script type="text/javascript" src="mintAjax.js"></script>. Czy prawidłowo? Kod po niewielkiem dostosowaniu wygląda tak:

[HTML] pobierz, plaintext 
      <div id="TRESC">   
		<?php
        include("inc/$id.php");
		?>
      </div>
 
        <div id="GALERIA">
		<script>function ajax(id) {
		$.ajax({
			type: "POST",
			url: "index.php",
			data: "id="+id,
			success: function(msg){
				$('#TRESC').html(msg);
				}});
				};				
		</script>
           <table cellspacing="5" style="margin-left:50px">
            <tr>
            <td><a href="?id=pic1_"><img src="fotki/mpic1.jpg" height="110" alt="" onmouseover="ajax('pic_1')"/></a></td>
[HTML] pobierz, plaintext

Proszę o pomoc, jak to ożywić. Sam niczego mądrego już nie mogę wymyślić

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.