Passing array index value from img src trigger

I have googled everywhere but cannot find a solution.
Hopefully someone can help me here!?

By clicking a trigger image, I want to also pass an index value to my object inside my document.write text array and image array.
Simply adding ?xx=1 to the clicked img src does not work.
There must be some work-around that will succeed.
Passing this index value will save a lot of repetitious coding.
Thanks for any help!

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html><head><title>PopupOverlay</title>

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

<style>

a:active {

    outline:none;

}

:focus {

    -moz-outline-style:none;

}

.simple_overlay {

    display:none;

    z-index:10000;

    background-color:#fff;

    width:260px;

    min-height:300px;

    border:1px solid #666;

    -moz-box-shadow:0 0 90px 5px #000;

    -webkit-box-shadow: 0 0 90px #000;

}

#triggers {

  text-align:left;

  }

#triggers img {

  cursor:pointer;

  margin:0 5px;

  background-color:#333;

  border:1px solid #ccc;

  padding:2px;

  -moz-border-radius:4px;

  -webkit-border-radius:4px;

  }

.details {

  position:absolute;

  top:15px;

  right:15px;

  font-size:15px;

  color:#000;

  width:220px;

  }

.details h3 {

  color:#000;

  font-size:17px;

  }

  </style>

</head>

<body>
 
<div id="triggers" class="noprint">

  <img src="red.png?xx=1" rel="#mies1"/><BR>

  <img src="green.png?xx=2" rel="#mies1"/><BR>

<img src="blue.png?xx=3" rel="#mies1"/><BR>

</div>
 
<script language="JavaScript">

var myimages=new Array()

myimages[1]="banana.png"

myimages[2]="apple.png"

myimages[3]="orange.gif"

</script>
 
<script language="javascript">

var info = new Array();

info[1] = "Audi";

info[2] = "Volvo";

info[3] = "BMW";

</script>
 
<div class="simple_overlay" id="mies1">  

  <div class="details">

    <h3>Heading</h3>

    <script language="JavaScript">

document.write('<img src="'+myimages[xx]+'">')

</script>
 
<BR><B>Topic</B><BR>
 
<script language="javascript">

document.write(info[xx])

</script>

  </div>

</div>
 
<script>

  $(document).ready(function() {

      $("img[rel]").overlay();

    });

</script>

</body>

</html>

Dec 3 '12 #1

Subscribe Post Reply

2280

Dormilich

8,658

Expert Mod 8TB

when using document.write() after the page load (e.g. by executing it when you clicked on an image) it will cause your whole page to be destroyed.

the original problem with the click is, that you don’t have a click handler assigned.

Dec 3 '12 #2

by: Raju V.K | last post by:

I am developing a web site which requires a set og unique values be transferred between pages and server many times. There fore i decided to put the values in an array so that only one reference to...

PHP

Finding the array index number for known content.

by: PhilC | last post by:

Hi Folks, If I have an array holding a pair of numbers, and that pairing is unique, is there a way that I can find the array index number for that pair? Thanks, PhilC

Python

Regex match of string in array index?

by: Timmy | last post by:

I'm working on a simple click-through image gallery and I have images with captions in two arrays like this: var current_value="0"; var images = new Array ("photo01.jpg", "photo02.jpg",...

Javascript

Passing array to function

by: DeepaK K C | last post by:

Could anybody tell me how to pass array to a function by value? -Deepak

C / C++

Enum not working correct in array index?

by: Joe Rattz | last post by:

Ok, I can't believe what I am seeing. I am sure I do this other places with no problems, but I sure can't here. I have some code that is indexing into the ItemArray in a DataSet's DataRow. I...

C# / C Sharp

passing array checkbox value and update the database

by: shobu | last post by:

passing array checkbox value and update the database <?include 'dbconnect.php'; error_reporting(0);$update_qr="update...

PHP

accessing numerical array index in foreach

by: e_matthes | last post by:

Hello everyone, I have no trouble looping through an array using foreach. To keep track of the index, I set a variable before the loop and increment it in the loop: $index = 0; foreach...

PHP

how do you pass an array by value

by: Abhi | last post by:

I wrote a function foo(int arr) and its prototype is declared as foo(int arr); I modify the values of the array in the function and the values are getting modified in the main array which is...

C / C++

setting array index value

by: cnsabar | last post by:

Hi., I need to set my array index start value "1" instead of "0".. Is it possible in perl... Can anyone help me reg. this. Thanks,

Perl

[C#] How can I check if an array index is valid?

by: Sippeangelo | last post by:

Well I have a string with a couple of words. "Blah hello smart" They get divided up into an array like so: = "Blah" = "hello" = "smart" Now if the string is only "Blah" I only get one...

.NET Framework

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Passing array index value from img src trigger

Similar topics