faqts : Computers : Programming : Languages : JavaScript : Images

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

5 of 6 people (83%) answered Yes
Recently 5 of 6 people (83%) answered Yes

Entry

JavaScript: Picture: Image: Clickable: Create: How to create a clickable image which opens a window?

Jan 25th, 2005 11:13
Knud van Eeden,


----------------------------------------------------------------------
--- Knud van Eeden --- 06 January 2005 - 06:44 pm --------------------

JavaScript: Picture: Image: Clickable: Create: How to create a 
clickable image which opens a window?

---

Method: Using the anchor tag '<A>'


in general:

--- cut here: begin --------------------------------------------------

<A
  ONCLICK='
   window.open( "<your window parameters>" );
  '
>
 <IMG
   SRC="<your picture>"
 >
 </IMG>
</A>

--- cut here: end ----------------------------------------------------

or also

--- cut here: begin --------------------------------------------------

<A
  HREF="#"
  ONCLICK='
   window.open( "<your window parameters>" );
  '
>
 <IMG
   SRC="<your picture>"
 >
 </IMG>
</A>

--- cut here: end ----------------------------------------------------

---
---

e.g.

--- cut here: begin --------------------------------------------------

<!-------------------------------------------------------------------->
<HTML>
<!-------------------------------------------------------------------->
<BODY>
<!-------------------------------------------------------------------->
<A
  ONCLICK='
   window.open();
  '
>
<!-------------------------------------------------------------------->
<IMG
  SRC="c:\bbc\taal\fotoknud.gif"
  HEIGHT="100"
  WIDTH="100"
>
<!-------------------------------------------------------------------->
</IMG>
<!-------------------------------------------------------------------->
</A>
<!-------------------------------------------------------------------->
</BODY>
<!-------------------------------------------------------------------->
</HTML>
<!-------------------------------------------------------------------->

--- cut here: end ----------------------------------------------------

---
---

Internet: see also:

---

JavaScript: Image: Clickable: Link: Overview: Can you give an overview 
of links?
http://www.faqts.com/knowledge_base/view.phtml/aid/33571/fid/122

----------------------------------------------------------------------