How to apply same function to all the images

i have to files
1).html file>>>it has one function defined inside it that is changeIt() that works on the page loads.
2).js file >>>it has 1 functions that is changeeIt() and it works at the image click...

Both are working well for single image,but i want to all more image on the same page.. so how to make the use of these function at images

1)the coding of html file is as under>>>.

Expand|Select|Wrap|Line Numbers

 <html>

<head>
 
<script language="javascript" src="C:\Documents and Settings\Administrator\Desktop\external.js"></script>

<script langauge="javascript">

function changeIt()

{
 
var width=50;

var height=50;

document.image.width=width

document.image.height=height

}

</script>
 
</head>

<body>

<body onload="changeIt();">

<img src="C:\Documents and Settings\Administrator\Desktop\a.jpg" name="image" onclick="changeeIt();"> 
 
</body>

</html>

2)coding of .js file is as under..

Expand|Select|Wrap|Line Numbers

 var count=1;

function changeeIt()

{

if(count==1)

{

var width=500

var height=500

document.image.width=width

document.image.height=height

count=2;

}

else if(count==2)

{

var amrit1=50

var pal=50

document.image.width=amrit1

document.image.height=pal

count=1;

}

}

Please somebody help..

Thanks in advance

Oct 11 '10 #1

Subscribe Post Reply

1575

Dormilich

8,658

Expert Mod 8TB

add onclick="changeeIt();" to every image that should execute this function.

to make the changeIt() function work on every image, you simply have to specify that fact.

Expand|Select|Wrap|Line Numbers

 // set image to 50 x 50

function changeIt()

{

this.width  = 50;

this.height = 50;

}

Expand|Select|Wrap|Line Numbers

 // apply for every image

var i, imgs = document.images;

for (i = imgs.length; i--;) {

    changeIt.call(imgs[i]);

}

Oct 11 '10 #2

amritpalpathak

Dormilich, i done as u said as follow ,but it is not working

Expand|Select|Wrap|Line Numbers

 <html>

<head>
 
<script language="javascript" src="/var/www/external.js"></script>

<script langauge="javascript">

function changeIt()

{
 
this.width=50;

this.height=50;

}
 
var i, imgs = document.images;

 for (i = imgs.length; i--;)

 {

     changeIt.call(imgs[i]);

 }

</script>

</head>

<body>

<body onload="changeIt();">

<img src="/home/administrator/Desktop/aa.jpeg" name="image" onclick="changeeIt();"> 

<img src="/media/data/fun/fun all/bb" name="image" onclick="changeeIt();">
 
</body>

</html>

Oct 12 '10 #3

Dormilich

8,658

Expert Mod 8TB

but it is not working

of course, you call the images (the for() loop) when not even the html body is loaded. you need to call that after you finished loading the document.

PS. it’s not <script langauge="javascript">, it’s <script type="text/javascript">

Oct 12 '10 #4

amritpalpathak

so please tell me where to put this code

Expand|Select|Wrap|Line Numbers

  var i, imgs = document.images;

  for (i = imgs.length; i--;)

  {

      changeIt.call(imgs[i]);

  }

i am new to javascript so dont no more about it .

Thanks for all reply upto now

Oct 12 '10 #5

Dormilich

8,658

Expert Mod 8TB

put it in a function and call that onload.

Oct 12 '10 #6

by: Susanna | last post by:

Hi all, I'm using the following slideshow script that I found on the web to display changing images with a crossfade effect. Eventually I will be adding many more images to the slideshow. The...

Javascript

making slideshow images blend and rotate

by: Whitney | last post by:

I ran across a chunk of code that allows me to blend images in and out (works great!) but now I need to figure out a way to randomize the order that these images appear. I have a bunch of pics and...

Javascript

apply() workaround

by: Christopher Benson-Manica | last post by:

IE 5.0 apparently does not support the apply() method for function objects - the following fails: function foo() { alert( this.length ); } foo.apply( ); Is there a convenient way to add an...

Javascript

Returning a pointer to a function

by: Thomas Brunko | last post by:

Hy, I'm working on a hash table and came upon a small problem. For a better explanation I've included an extract of the header file for the hash module: typedef struct TABLE * TABLE_P; typedef...

C / C++

Scope: Executing, a function coming from another window (IE 6)

by: Arnaud Diederen | last post by:

Hello everyone, I have a little problem with IE6. Imagine I have a webapp that has a main/root/parent window, in which there is a function (called: executor()) that makes use of the...

Javascript

Function's arguments

by: sfeher | last post by:

Hi All, Is there a way to preserve the arguments across functions? I have: <script> function myFirstFunction() { // arguments = 'param1'

Javascript

preloading images not working in firefox

by: littleark | last post by:

Hi everybody, I have a typical javascript images preloader, it works fine both on Firefox and on IE in my intranet (local server). It works fine on the Internet (remote server) in IE. In...

Javascript

Use of apply() function

by: psbasha | last post by:

Hi, I have gone thru ActiveState Python help for the apply() function.They say that this method is depricated in 2.3 Version.I would like to know whether this function can be used.If so,when can...

Python

attempting to understand the apply function

by: yawnmoth | last post by:

Based on my understanding of the apply function, the following code snippet should, at the very least, not yield any errors. Unfortunately, it does, suggesting my understanding is... limited. Any...

Javascript

newbie question: apply()

by: TK | last post by:

HI, I need an example for the usage of the apply()-function. Can you help me? Thanks. o-o Thomas

Python

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

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

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

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

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to apply same function to all the images

Similar topics