[Szukam] Przycisk otwierajacy małe okno?!

[bartek190]

Siemano!

Jestem zielony w tych sprawach [html/css/skrypty].

Potrzebuje czegoś takiego:

Jeśli klikne przycisk na stronie www

o np. taki:

 

No i tak chce żeby po kliknieciu tego obrazka otworzyło sie małe okienko (nie nowa karta) i tam wyskoczył mały kod html.

I teraz pytanie do was da się coś takiego zrobić?

Prosze o pomoc

Pozdrawiam!

 

[SebaTriv]

http://www.quirksmode.org/js/popup.html

[bartek190]

A może coś po Polsku Nie po gardze

[bartek190]

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
	newwindow=window.open(url,'name','height=200,width=150');
	if (window.focus) {newwindow.focus()}
	return false;
}

// -->
</script>


<a href="klick.html" onclick="return popitup('http://www.mpcforum.pl/topic/1091234-szukam-przycisk-otwierajacy-male-okno/')"
	>Kliknijj</a>

znalazłem cos takiego ale to nie działa na zdzecie tylko na napis da sie jakoś przerobić??

[bzikus]

	<script type="text/javascript">
     $(function(){
       $(".popup").click(function(event){
         event.preventDefault();
         var href = $(this).attr("href");
         var width = $(this).attr("data-width");
         var height = $(this).attr("data-height");
         var popup = window.open (href,"popup",
           "height=" + height +",width=" + width + "");          
       });
     });
    </script>
<!-- u góry skrypt, tutaj masz jak wygląda hiperłącze -->
<a href="link.html" 
             data-width="600" 
             data-height="800"
             title="tytuł"
             class="popup"><img src="obrazek" alt=""></a>

musisz nadać class="popup", skrypt [ten nad] wykryje kliknięcie i zamiast przeniesienia otworzy nowe okno, możesz sterowac wymiarami tego okna odpowiednio :

data-width: szerokość, data-height: wysokość. NIESTETY JEST TO JQUERY, a nie czysty html.

[SebaTriv]

Czyli trzeba JQuery

Bez JQuery przetłumaczone:

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
	newwindow=window.open(url,'name','height=200,width=150'); // WYMIARY height=WYSOKOSC,width=DLUGOSC
	if (window.focus) {newwindow.focus()}
	return false;
}

// -->
</script>
...
<a href="" onclick="return popitup('popupex.html')" // ZAMIAST POPUPEX Adres
	>Link to popup</a>