Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript] Wyświetlanie obrazka
patryk20120
post
Post #1





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

Ostrzeżenie: (0%)
-----

Witam,
mam takie pytanie tongue.gif Mam parę obrazków na stronie i moje pytanie brzmi, czy jest możliwość zrobienia takiego czegoś, że po najechaniu na jeden obrazek, wyświetli on się w jakimś div'ie i to samo z innymi, aby JS, jakoś "automatycznie" pobierała zdjęcie z <img> na którym jest myszka questionmark.gif proszę chociaż o jakieś wskazówki smile.gif

Ten post edytował patryk20120 2.02.2009, 16:05:47
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. function doIt( obj )
  2. {
  3. document.getElementById( 'oImg' ).setAttribute( 'src', obj.getAttribute( 'src' ) );
  4. }
  5.  
  6. <img src="abc.jpg" onmouseover="doIt( this );">
  7.  
  8. <img src="default.jpg" id="oImg">
[HTML] pobierz, plaintext

*pisane z palca.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
patryk20120
post
Post #3





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

Ostrzeżenie: (0%)
-----

Dzieki smile.gif a jak zrobić, aby po "ściągnięciu" kursora z obrazka, obrez oImg znikł ?
mam takie cos i nie działa:
[PHP] pobierz, plaintext 
  1. <?php
  2. onmouseout="doIt2( this );"
  3. oraz 
  4. function doIt2( obj )
  5. {
  6. document.getElementById( 'oImg' ).setAttribute( 'src', 'de' );
  7. }
  8. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. function doIt2( )
  2. {
  3. document.getElementById( 'oImg' ).setAttribute( 'src', '' );
  4. }
[HTML] pobierz, plaintext


onmouseout="doIt();"


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
patryk20120
post
Post #5





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

Ostrzeżenie: (0%)
-----

niestety, obrazek dalej nie znika :/

Ok już działa ;-) dzięki, a jak zrobić, aby zdjęcie wyświetlało mi się również w tym kodzie, bo się nie wyświetla questionmark.gif
[PHP] pobierz, plaintext 
  1. <?php
  2. <span class="tooltip_text" href="#" onmousemove="showToolTip(event,'<b>test</b><br><img id=oImg >');return false" onmouseout="hideToolTip()" >
  3. ?>
[PHP] pobierz, plaintext


Ten post edytował patryk20120 2.02.2009, 20:46:02
Go to the top of the page
+Quote Post
zurek
post
Post #6





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 4.09.2007
Skąd: Kraków

Ostrzeżenie: (0%)
-----

A ja mam podobne pytanie, ale nie chcę zaśmiecać forum i zakładać nowego wątku. Co zrobić, żeby po najechaniu na link, w osobnym div'ie pojawiał się odpowiedni obrazek. W miarę proste, ale co zrobić żeby to było dynamiczne. Na przykład ściągam dane z bazy danych i za pomocą PHP wyświetlam je na stronie w postaci odsyłaczy. Nazwy i rozszerzenia obrazków też są z bazy. I nie wiem właśnie co zrobić, żeby to jakoś funkcjonowało dynamicznie.

Z góry dzięki za pomoc winksmiley.jpg
Go to the top of the page
+Quote Post
patryk20120
post
Post #7





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

Ostrzeżenie: (0%)
-----

jeszcze jedno małe pytanie, czemu jak mam w tym:
[PHP] pobierz, plaintext 
  1. <?php
  2. <span class="tooltip_text" href="#" onmousemove="showToolTip(event,' <b>test</b><br><img id=oImg >');return false" onmouseout="hideToolTip()" >
  3. ?>
[PHP] pobierz, plaintext

to mi ten obrazek sie nie zmienia po najechaniu tongue.gif questionmark.gif

Może ten img w span'ie nie zdąży sie zmienic przed wyświetleniem tongue.gif questionmark.gif

Ten post edytował patryk20120 6.02.2009, 16:17:01
Go to the top of the page
+Quote Post
piotrooo89
post
Post #8


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
uczę się dopiero jQuery ale zrobiłem coś takiego:

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="jquery.js"></script>
  3.  
  4. <script type="text/javascript">
  5. $(document).ready(function()
  6. {  
  7. 	$("div.min").mouseover(function () 
  8. 	{
  9. 		$("div.jpg").show("slow");
  10. 	});
  11. 	$("div.min").mouseout(function () 
  12. 	{
  13. 		$("div.jpg").hide("slow");
  14. 	});
  15. });
  16. </script>
  17.  
  18. </head>
  19. <body>
  20. 	<div class="min"><img src="miniaturka.jpg"></div>
  21.  
  22. 	<div class="jpg" style="display: none;">
  23. 		<img class="mini" src="obrazek.jpg">
  24. 	</div>
  25. </body>
[HTML] pobierz, plaintext


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
patryk20120
post
Post #9





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

Ostrzeżenie: (0%)
-----

Tu jest wyświetlanie diva z tym obrazkiem, o ile sie nie mylę, a to już mam, lecz obrazek nie działa mi w tym kodzie:
[PHP] pobierz, plaintext 
  1. <?php
  2. <span class="tooltip_text" href="#" onmousemove="showToolTip(event,' <b>test</b><br><img id=oImg >');return false" onmouseout="hideToolTip()" >
  3. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
outsider
post
Post #10





Grupa: Zarejestrowani
Postów: 267
Pomógł: 36
Dołączył: 8.08.2008

Ostrzeżenie: (0%)
-----

W <span> nie ma href ! Moze o takie cos Ci chodzilo:

Kod
<span class="tooltip_text"><a href="#" onmousemove="showToolTip(event,' <b>test</b><br><img id=oImg >');return false" onmouseout="hideToolTip()" >Tekst</a></span>


Ten post edytował *OuTSideR* 7.02.2009, 11:05:39
Go to the top of the page
+Quote Post
patryk20120
post
Post #11





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

Ostrzeżenie: (0%)
-----

*OuTSideR*, nie o to mi chodzi tongue.gif
przeczytaj 2 post od góry, jest to funkcja, gdy najadę na jakiś obrazek, pokazuje on mi sie w danym miejscu, lecz nie działa on w tym kodzie :/
[PHP] pobierz, plaintext 
  1. <?php
  2. <span class="tooltip_text" href="#" onmousemove="showToolTip(event,' <b>test</b><br><img id=oImg >');return false" onmouseout="hideToolTip()" >
  3. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 10:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn