JavaScript - Linked Fullsize Image Not Showing Up In Preview Area

area of an image on which the mouse is positioned should only show in the preview, not the full image .. is this posible if yes how ??


Plz suggest me something ...........

Samaiya

Hello all

I have a problem implementing too JQuery tools; Cycle and Fullsize (together).

I have uploaded an example over at: http://lawrencebrown.eu/jquery/index.html

The problem is that only the first image pics up the Full size script, I have bene told by a friend to add the following into code into the cycle script:

Code:

after: function () {
 *$("div.album img").fullsize();
}

I have tried putting this in different places from lines 19 to 43 on index.html with no winning results yet.

Any help you can offer to the mark up between lines 19 to 43 would be great.

I appreciate that their are plenty of other lightbox solutions that can solve this problem - I have even had a few up and running, however this is a specific request on this job to use Fullsize.

Full size docs: http://www.addfullsize.com/
Cycle docs: http://malsup.com/jquery/cycle/

Thanks for you time

Lawrence

I have an image map with 6 areas.

Code:

			<p class="center"><img src="images/car_feature.png" alt="" usemap="#car"/></p>

			<map id="car" name="car">
			<area shape="rect" coords="172,198,195,222" href="#" alt=""/>
			<area shape="rect" coords="242,79,266,104" href="#" alt=""/>
			<area shape="rect" coords="293,124,317,149" href="#" alt=""/>
			<area shape="rect" coords="407,212,431,227" href="#" alt=""/>
			<area shape="rect" coords="430,300,453,325" href="#" alt=""/>
			<area shape="rect" coords="565,346,588,370" href="#" alt=""/>
			</map>

I also have 6 DIVs that are hidden and only a single one will appear visible on mouseover of its corresponding image map area.

Code:

			<div id="hidden">
				<div class="feature">
					Feature 1
				</div>

				<div class="feature">
					Feature 2
				</div>

				<div class="feature">
					Feature 3
				</div>

				<div class="feature">
					Feature 4
				</div>

				<div class="feature">
					Feature 5
				</div>

				<div class="feature">
					Feature 6
				</div>
			</div>

The roadblock I'm running into is the show function in the JavaScript.

Code:

			window.onload = init;

			function init() {
				var area = document.getElementById("car").getElementsByTagName("area");
				var features = document.getElementById("hidden").getElementsByTagName("div");

				hide();

				function show() {
					for(a=0; a < area.length; a++) {
						if(area[a].onmouseover) {
							document.getElementById("hidden").getElementsByTagName("div")[a].style.display="block";
							}
						}
					}

				function hide() {
					for(b=0; b < features.length; b++) {
						document.getElementById("hidden").getElementsByTagName("div")[b].style.display="none";
						}
					}

				for(i=0; i < area.length; i++) {
					area[i].onmouseover = show;
					area[i].onmouseout = hide;
					}
				}

I'm trying to get it so that if I hover over the first area on the image map, the first hidden DIV will appear, but none of the others. And if I hover over the fourth area, the fourth DIV will appear.

I hope this makes sense, and I'd appreciate any and all help towards solving this issue and ending my headache lol

Hello,

My site has an image gallery with a row of pictures at the bottom. When I load up the page it should show image 1 in the main gallery window, but instead it's showing image in position #10 (the one to the left of #1). You can see what I'm talking about here.

When you load the page it's showing the White House, but it should be showing the Green House (position #1 in slider). The White House can't be seen in the slider since it's in position #10, but shows up first int the main window. Is this a javascript issue or what? All JS files can be found here

Can anybody help me debug this?? I'm going nuts

Thank you

I have a problem with a drop down menu showing behind image slider (not flash), as the menu shows up behind the large image slider, and was hoping someone can help me:

http://bedrockstoneanddesign.com/

It only happens in FireFox.....

any help is appreciated. thanks

I am trying to implement a linked list in javascript. So far i have:
Code:

function linkedList(){
                var llNode=function(value){
                    this.next=null;
                    this.previues=null;
                    this.value=value;
                }
                var that=this;
                this.length=0;
                this.head=null;
                this.tail=null;
                this.add=function(value){
                    if(length==0){
                        var tmp=new llNode(value)
                        that.head=tmp;
                        that.tail=tmp;
                    }
                    else{
                        var tmp=new llNode(value);
                        tmp.previues=that.tail;
                        that.tail.next=tmp;
                        that.tail=that.tail.next;
                    }
                    that.length++;
                }
       }
}

When I use: Code:

var ll=new linkedList();
ll.add(1);
ll.add(2);

both the head and tail of ll point to the node whose value is to, and the next and previues pointer on that node are both null.

I have been searching for an answer to this pretty much all day... I'm fed up. Can someone help?

I want to be able to open wmv videos in an embedded windows movie player using javascript. Something identical to what you will find he http://www.hunlock.com/blogs/Everyth...ding#quickIDX2...go down to the heading :'How to make a video select list'.

I am trying to emulate this but for wmv files and windows media player rather than for flsh files. I have tested this on one link and it does not open. i just get a black media screen and nothing.

Here's my code:

Here's the script within the head tag:

Code:

<script type="text/javascript">function playVideo(sourceId, targetId) {   if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}   if (typeof(targetId)=='string') 
{targetId=document.getElementById(targetId);}   targetId.innerHTML=sourceId.innerHTML;   return false;}</script>

Here`s the link:

Code:

<a href="#" onclick='return playVideo("selectdemo1","videoPlayback")'>
						video 1</a>

and here's the embedding and the play back code (The play back area is within the same page as the link):

Code:

div id="selectdemo1">
 <OBJECT id='mediaPlayer' width="450" height="445" 
      classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' 
      codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
      standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
      <param name='fileName' value="\\HOC\AdminPrivate\FS08U\TurgeL\Documents\Site Web\videos\Add_Documents.wmv">
      <param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <EMBED type='application/x-mplayer2'
        pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="450" height="445"
        src="http://servername/\\\\HOC\\AdminPrivate\\FS08U\\TurgeL\\Documents\\Site Web\\videos\\Add_Documents.wmv&autoplay=1" autostart="false" designtimesp='5311' loop="false">
      </EMBED>
      </OBJECT> 
	
	
	</div>
</div>

Please help meeeeeeeeeeeeeeeeeeee!

Hello, this is my very first post, and I hope to get some help, .

Please dont take this as a code dump. The following script is a working script,, Which correctly displays a 2 level chain-linked select box

My problem is I need to make a third box which option VALUE will be the same as the option CLASS of its parent item in the second box.


Any pointers?


PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
        <title>Unobtrusive dynamic select boxes | Single dynamic selectbox example</title>     
        <script type="text/javascript"> 
         
         
         
        function dynamicSelect(id1, id2) { 
    // Feature test to see if there is enough W3C DOM support 
    if (document.getElementById && document.getElementsByTagName) { 
        // Obtain references to both select boxes 
        var sel1 = document.getElementById(id1); 
        var sel2 = document.getElementById(id2); 
        // Clone the dynamic select box 
        var clone = sel2.cloneNode(true); 
        // Obtain references to all cloned options 
        var clonedOptions = clone.getElementsByTagName("option"); 
        // Onload init: call a generic function to display the related options in the dynamic select box 
        refreshDynamicSelectOptions(sel1, sel2, clonedOptions); 
        // Onchange of the main select box: call a generic function to display the related options in the dynamic select box 
        sel1.onchange = function() { 
            refreshDynamicSelectOptions(sel1, sel2, clonedOptions); 
        }; 
    } 
} 
function refreshDynamicSelectOptions(sel1, sel2, clonedOptions) { 
    // Delete all options of the dynamic select box 
    while (sel2.options.length) { 
        sel2.remove(0); 
    } 
    // Create regular expression objects for "select" and the value of the selected option of the main select box as class names 
    var pattern1 = /( |^)(select)( |$)/; 
    var pattern2 = new RegExp("( |^)(" + sel1.options[sel1.selectedIndex].value + ")( |$)"); 
    // Iterate through all cloned options 
    for (var i = 0; i < clonedOptions.length; i++) { 
        // If the classname of a cloned option either equals "select" or equals the value of the selected option of the main select box 
        if (clonedOptions[i].className.match(pattern1) || clonedOptions[i].className.match(pattern2)) { 
            // Clone the option from the hidden option pool and append it to the dynamic select box 
            sel2.appendChild(clonedOptions[i].cloneNode(true)); 
        } 
    } 
} 

         
         
        </script> 
        <script type="text/javascript"> 
        window.onload = function() { 
            dynamicSelect("pda-brand", "pda-type"); 
        } 
        </script> 
    </head> 
    <body> 
        <form action="#"> 
            <div> 
                <select id="pda-brand"> 
                    <option value="select">Select PDA brand...</option> 
                    <option value="dell">Dell</option> 
                    <option value="hp">HP</option> 
                    <option value="palmone">PalmOne</option> 
                </select> 
                <select id="pda-type"> 
                    <option class="select" value="select">Select PDA type...</option> 
                    <option class="dell" value="aximx30">Axim X30</option> 
                    <option class="dell" value="aximx50">Axim X50</option> 
                    <option class="hp" value="ipaqhx2750">iPAQ hx2750</option> 
                    <option class="hp" value="ipaqrx3715">iPAQ rx3715</option> 
                    <option class="palmone" value="tungstene2">Tungsten E2</option> 
                    <option class="palmone" value="zire72">Zire 72</option> 
                </select> 
                 
              <select id="pda-amount"> 
                    <option class="select" value="select">Select PDA Amount...</option> 

                    <option class="aximx30" value="1">1</option> 
                    <option class="aximx30" value="2">2</option> 

                    <option class="aximx50" value="1">1</option> 
                    <option class="aximx50" value="2">2</option> 
                    <option class="aximx50" value="3">3</option> 
                    <option class="aximx50" value="4">4</option> 

                    <option class="ipaqhx2750" value="1">1</option> 
                    <option class="ipaqhx2750" value="2">2</option>
                    <option class="ipaqhx2750" value="3">3</option> 
                    <option class="ipaqhx2750" value="4">4</option>
                    <option class="ipaqhx2750" value="5">5</option>
 
                    <option class="ipaqrx3715" value="1">1</option> 
                    <option class="ipaqrx3715" value="2">2</option> 

                    <option class="tungstene2" value="1">1</option> 

                    <option class="zire72" value="1">1</option> 
                    <option class="zire72" value="2">2</option> 
                    <option class="zire72" value="3">3</option> 


                </select> 
                 
                 
                 
                 
            </div> 
        </form> 
    </body> 
</html> 

Hi all:

This script and code works great, but in order for me to finish, I need a way of passing to the next PHP page which check box is checked. Currently, it is just passing a single value (1, 2, 3, 4, 5, or 6) depending on the last box checked. I need a way to record which check boxes are selected.

Code:

<html>
<head>
<script type="text/javascript">
var majors = {
"001 - Exchange"                                                 : [ 2, 6 ],
"003 - Academic Foundations"                                     : [ 2, 6 ],
"005 - Pre-Engineering"                                          : [ 2, 6 ],
"006 - Pre-Business"                                             : [ 2, 6 ],
"008 - Pre-Nursing"                                              : [ 2, 6 ],
"010 - Accounting"                                               : [ 3, 4 ],
"014 - Afro-American Studies"                                    : [ 2, 6 ],
"050 - American Studies"                                         : [ 2, 6 ],
"070 - Anthropology"                                             : [ 2, 6 ],
"080 - Art"                                                      : [ 2, 6 ],
"082 - Art History"                                              : [ 2, 6 ],
"090 - Arts and Sciences"                                        : [ 2, 6 ],
"100 - Astronomy"                                                : [ 2, 6 ],
"115 - Biochemistry"                                             : [ 2, 6 ],
"120 - Biology"                                                  : [ 2, 5, 6 ],
"124 - Biomedical Technology"                                    : [ 2, 6 ],
"130 - Botany"                                                   : [ 2, 6 ],
"135 - Business Administration"                                  : [ 3, 4 ],
"140 - Business Law"                                             : [ 3, 4 ],
"160 - Chemistry"                                                : [ 2, 5, 6 ],
"163 - Childhood Studies"                                        : [ 2, 5, 6 ],
"190 - Classics"                                                 : [ 2, 6 ],
"198 - Computer Science"                                         : [ 2, 5, 6 ],
"200 - Creative Writing"                                         : [ 5 ],
"202 - Criminal Justice"                                         : [ 2, 5, 6 ],
"203 - Dance"                                                    : [ 2, 6 ],
"220 - Economics"                                                : [ 2, 6 ],
"300 - Education"                                                : [ 2, 6 ],
"350 - English"                                                  : [ 2, 5, 6 ],
"352 - English - American Literature"                            : [ 2, 5, 6 ],
"354 - English - Film Studies"                                   : [ 2, 5, 6 ],
"360 - European Studies"                                         : [ 2, 6 ],
"387 - Film Studies"                                             : [ 2, 6 ],
"390 - Finance"                                                  : [ 3, 4 ],
"415 - Foreign Languages"                                        : [ 2, 6 ],
"420 - French"                                                   : [ 2, 6 ],
"460 - Geological Sciences"                                      : [ 2, 6 ],
"470 - German"                                                   : [ 2, 6 ],
"490 - Greek"                                                    : [ 2, 6 ],
"500 - Hebraic Studies"                                          : [ 2, 6 ],
"509 - Historical Methods and Skills"                            : [ 2, 6 ],
"510 - History, General"                                         : [ 2, 6 ],
"512 - History, American"                                        : [ 2, 5, 6 ],
"516 - African Asian Latin American and World Hist"              : [ 2, 6 ],
"520 - Home Economics"                                           : [ 2, 6 ],
"525 - Honors Program"                                           : [ 2, 6 ],
"533 - Human Resource Development"                               : [ 3 ],
"537 - Hospitality Management"                                   : [ 3 ],
"549 - International Studies"                                    : [ 2, 6 ],
"555 - Student Proposed Major"                                   : [ 2, 6 ],
"560 - Italian"                                                  : [ 2, 6 ],
"565 - Japanese"                                                 : [ 2, 6 ],
"570 - Journalism"                                               : [ 2, 6 ],
"580 - Latin"                                                    : [ 2, 6 ],
"590 - Latin American Studies"                                   : [ 2, 6 ],
"601 - Law -  Day Student"                                       : [ 1 ],
"602 - Law -  Evening Student"                                   : [ 1 ],
"606 - Liberal Studies"                                          : [ 2, 5, 6 ],
"615 - Linguistics"                                              : [ 2, 5, 6 ],
"620 - Management"                                               : [ 3, 4 ],
"623 - Management Science and Info Systems"                      : [ 3, 4 ],
"626 - Managerial Economics"                                     : [ 4 ],
"630 - Marketing"                                                : [ 3, 4 ],
"640 - Mathematics"                                              : [ 2, 6 ],
"645 - Mathematical Science"                                     : [ 5 ],
"660 - Medical Technology"                                       : [ 2, 6 ],
"680 - Microbiology"                                             : [ 2, 6 ],
"698 - Museum Studies"                                           : [ 2, 6 ],
"700 - Music"                                                    : [ 2, 6 ],
"701 - Music, Applied"                                           : [ 2, 6 ],
"705 - Nursing"                                                  : [ 2, 6 ],
"730 - Philosophy"                                               : [ 2, 6 ],
"740 - Physical Education"                                       : [ 2, 6 ],
"742 - Physical Therapy"                                         : [ 5 ],
"750 - Physics"                                                  : [ 2, 6 ],
"760 - Physiology"                                               : [ 2, 6 ],
"780 - Plant Physiology"                                         : [ 2, 6 ],
"790 - Political Science"                                        : [ 2, 6 ],
"830 - Psychology"                                               : [ 2, 5, 6 ],
"834 - Public Administration"                                    : [ 5 ],
"840 - Religon"                                                  : [ 2, 6 ],
"842 - Rhetoric"                                                 : [ 5 ],
"860 - Russian"                                                  : [ 2, 6 ],
"890 - General Science"                                          : [ 2, 6 ],
"910 - Social Work"                                              : [ 2, 6 ],
"920 - Sociology"                                                : [ 2, 6 ],
"940 - Spanish"                                                  : [ 2, 6 ],
"950 - Speech"                                                   : [ 2, 6 ],
"960 - Statistics"                                               : [ 2, 6 ],
"964 - Teacher Preparation"                                      : [ 2, 6 ],
"965 - Theater Arts"                                             : [ 2, 6 ],
"975 - Urban Studies and Community Development"                  : [ 2, 6 ],
"976 - Urban Planning"                                           : [ 2, 6 ],
"981 - Volunteer Organization and Leadership"                    : [ 2, 6 ],
"988 - Womens & Gender Studies"                                  : [ 2, 6 ],
"989 - Writing"                                                  : [ 2, 6 ],
"990 - Zoology"                                                  : [ 2, 6 ]
};

Array.prototype.isMember = function( find ) 
{
    for ( var i = 0; i < this.length; ++i )
    {
        if ( this[i] == find ) return true;
    }
    return false;
}
function resetOptions( )
{
    var form = document.theForm;
    var sel = form.Majors;
    for ( var s = sel.options.length-1; s > 0; --s )
    {
        sel.options[s] = null;
    }

    var checked = [ ];
    for ( var cb = 0; cb < form.schools.length; ++cb )
    {
        if ( form.schools[cb].checked ) checked.push( form.schools[cb].value );
    }
    for( major in majors )
    {
        var mschools = majors[major];
        for ( var c = 0; c < checked.length; ++c )
        {
            if ( mschools.isMember( checked[c] ) ) 
            {
                sel.options[sel.options.length] = new Option( major, major );
                break;
            }
        }
    }
}
</script>
</head>

<title>Search</title>

<body bgcolor="99CCFF">
<center>
<br>
<center>Search:<table border='1'>

<form name='theForm' action='display.php' method='post'>
<tr><td>ID: </td><td><input type="text" name="ID"/></td></tr>
<tr><td>Last Name: </td><td><input type="text" name="NAME_LAST"/></td></tr>
<tr><td>First Name: </td><td><input type="text" name="NAME_FIRST"/></td></tr>

<tr><td valign="top">School: </td>
<td>
<input type="checkbox" name="schools" value="1" onClick="resetOptions()">  Law School<br/>
<input type="checkbox" name="schools" value="2" onClick="resetOptions()">  College of Arts and Sciences<br/>
<input type="checkbox" name="schools" value="3" onClick="resetOptions()">  School of Business (Undergraduate)<br/>
<input type="checkbox" name="schools" value="4" onClick="resetOptions()">  School of Business (Graduate)<br/>
<input type="checkbox" name="schools" value="5" onClick="resetOptions()">  Graduate School<br/>
<input type="checkbox" name="schools" value="6" onClick="resetOptions()">  University College
</td>
</tr>
    
<tr><td>Major: </td><td><select name="Majors">
        <option value="" selected>Select a major</option>
        </select></td></tr>

<tr><td>Order By: </td><td>
<select name="ORDER_BY">
  <option value = "" selected> Select One </option>
  <option name="NAME_LAST" value = "NAME_LAST ASC"> Last Name </option>
  <option name="CURRIC_CD" value = "CURRIC_CD ASC"> Major </option>
  <option name="ID" value = "ID ASC"> RUID </option>
  <option name="UNIT_OF_REG_CD" value = "UNIT_OF_REG_CD ASC"> School </option>
  <option name="EMAIL_ADDR" value = "EMAIL_ADDR ASC"> Email Address </option>
  </select></td>
</tr>
</table>

<br><br>
	<input type='submit'/>
	
    </form><br><br>
    </center>
</body>
</html>

Thanks in advance.

I am trying to have a text link above Google Maps link to a marker on my map. When the link is clicked, the map will automatically center itself on the marker. I already have the custom markers and locations, I am just not that good with Javascript and jQuery to figure it out.

I tried to use

Code:

<a href="javascript: map.panTo(new LatLng(25.2, 105.7))">Mexico</a>

and the link shows up, but nothing happens. Here is my code:


Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			body {
				font-family: Helvetica, Arial, sans-serif;
				font-size:10px;
				margin:0;
			}

			#content {

			}
		</style>

		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
			function initialize() {
				var latlng = new google.maps.LatLng(39.346246,-76.624446);
				var settings = {
					zoom: 15,
					center: latlng,
					mapTypeControl: true,
					mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
					navigationControl: true,
					navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
					mapTypeId: google.maps.MapTypeId.ROADMAP};
				var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
				var contentString = '<div id="content">'+
					'<div id="siteNotice">'+
					'</div>'+
					'<div id="bodyContent">'+
					'</div>';
				var infowindow = new google.maps.InfoWindow({
					content: contentString
				});
				
				var loyolaImage = new google.maps.MarkerImage('images/Loyola.png',
					new google.maps.Size(100,50),
					new google.maps.Point(0,0),
					new google.maps.Point(50,50)
				);

				var loyolaShadow = new google.maps.MarkerImage('images/logo_shadow.png',
					new google.maps.Size(130,50),
					new google.maps.Point(0,0),
					new google.maps.Point(65, 50));

				var loyolaPos = new google.maps.LatLng(39.3462326,-76.624446);

				var loyolaMarker = new google.maps.Marker({
					position: loyolaPos,
					map: map,
					icon: loyolaImage,
					shadow: loyolaShadow,
					title:"Loyola",
					zIndex: 3});
				
				var jhuImage = new google.maps.MarkerImage('images/Jhu.png',
					new google.maps.Size(150,50),
					new google.maps.Point(0,0),
					new google.maps.Point(50,50)
				);

				var jhuShadow = new google.maps.MarkerImage('images/logo_shadow.png',
					new google.maps.Size(130,50),
					new google.maps.Point(0,0),
					new google.maps.Point(60, 50)
				);

				var jhuPos = new google.maps.LatLng(39.329157,-76.620477);

				var jhuMarker = new google.maps.Marker({
					position: jhuPos,
					map: map,
					icon: jhuImage,
					shadow: jhuShadow,
					title:"Johns Hopkins",
					zIndex: 2
				});

var fellsImage = new google.maps.MarkerImage('images/FellsPoint.png',
					new google.maps.Size(150,50),
					new google.maps.Point(0,0),
					new google.maps.Point(50,50)
				);
var fellsShadow = new google.maps.MarkerImage('images/logo_shadow.png',
					new google.maps.Size(130,50),
					new google.maps.Point(0,0),
					new google.maps.Point(60, 50)
				);

				var fellsPos = new google.maps.LatLng(39.28231,-76.593611);

				var fellsMarker = new google.maps.Marker({
					position: fellsPos,
					map: map,
					icon: fellsImage,
					shadow: fellsShadow,
					title:"Johns Hopkins",
					zIndex: 4
				});

				var towsonImage = new google.maps.MarkerImage('images/Towson.png',
					new google.maps.Size(150,50),
					new google.maps.Point(0,0),
					new google.maps.Point(50,50)
				);

				var towsonShadow = new google.maps.MarkerImage('images/logo_shadow.png',
					new google.maps.Size(130,50),
					new google.maps.Point(0,0),
					new google.maps.Point(60, 50)
				);

				var towsonPos = new google.maps.LatLng(39.3322248,-76.610944);

				var towsonMarker = new google.maps.Marker({
					position: towsonPos,
					map: map,
					icon: towsonImage,
					shadow: towsonShadow,
					title:"Towson",
					zIndex: 1
				});
				
				google.maps.event.addListener(companyMarker, 'click', function() {
					infowindow.open(map,companyMarker);
				});
			}
		</script>
		
		
		<script>
	google.maps.event.addDomListener(controlUI, 'click', function() {
    map.setCenter(chicago)
	</script>
	</head>
	<body onload="initialize()">
		<div id="map_canvas" style="width:500px; height:300px"></div>

<a href="javascript: map.panTo(new LatLng(39.393248,-76.610944))">Towson</a>



	</body>
</html>

Hello everyone!

First of all let me introduce myself as this is my first post on the coding forums! My name's Tom, I live in Sheffield, England and I'm 21 years old.

Anyway, I have a little problem on a project I'm working on. I have a div set with an onclick link (onclick="location.href='http://www.google.com/';"). Thats not the problem, that works fine. The problem I'm having is that I then have another div inside this div that I don't want to be linked at all but the outer div's link seems to still be active on the inner one.

Does anyone have any idea how to stop the link on the inner div whilst still keeping the outer div linked?

Thanks alot for any help,
Regards,
Tom.

Hello every one never really used a board for something like this but my java is a little limited so i need some help here if possible!

I have a page with 5 file inputs and 5 img tags i have everything working but preview of course changes all the img tags so no madder what browse button i choose all fixed img tags are updated with that preview.

here is a code i found and messed with a little cant seem to figure out how to add a loop or something to update just the called tag if any one could help

Java Script:

<script type="text/javascript">
<!-- Begin
/***** CUSTOMIZE THESE VARIABLES *****/
// width to resize large images to
var maxWidth=115;
// height to resize large images to
var maxHeight=115;
// valid file types
var fileTypes=["bmp","gif","png","jpg","jpeg"];
// the id of the preview image tag
var outImage="previewField";
// what to display when the image is not valid
var defaultPic="/images/evolve/badpic.jpg";
/***** DO NOT EDIT BELOW *****/
function preview(what){
var source=what.value;
var ext=source.substring(source.lastIndexOf(".")+1,sou rce.length).toLowerCase();
for (var i=0; i<fileTypes.length; i++){
if (fileTypes[i]==ext){
break;
}
}
globalPic=new Image();
if (i<fileTypes.length){

//FireFox
try{
globalPic.src=what.files[0].getAsDataURL();
}catch(err){
globalPic.src=source;
}
}else {
globalPic.src=defaultPic;
alert(fileTypes.join(", "));
}
setTimeout("applyChanges()",200);
}

var globalPic;
function applyChanges(){
var field=document.getElementById(outImage);
var x=parseInt(globalPic.width);
var y=parseInt(globalPic.height);
if (x>maxWidth) {
y*=maxWidth/x;
x=maxWidth;
}
if (y>maxHeight) {
x*=maxHeight/y;
y=maxHeight;
}
field.style.display=(x<1 || y<1)?"none":"";
field.src=globalPic.src;
field.width=x;
field.height=y;
}
// End -->

previewField is the key i think and also of course the imageout jsut dont know how to go about making the loop if this was perl no problem but like stated above i know little about java coding but minor changes.

below here is the some of the form code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">
<img alt="Graphic will preview here" id="previewField" src="/images/evolve/addpic.jpg" width="115" height="115"><br />
<label class="cabinet"><input type="file" name="images[]" id="picField" onchange="preview(this)" class="file"></label>
</td>
<td scope="col">
<img alt="Graphic will preview here" id="previewField" src="/images/evolve/addpic.jpg" width="115" height="115"><br />
<label class="cabinet"><input type="file" name="images[]" id="picField" onchange="preview(this)" class="file"></label>
</td>
<td scope="col">
<img alt="Graphic will preview here" id="previewField" src="/images/evolve/addpic.jpg" width="115" height="115"><br />
<label class="cabinet"><input type="file" name="images[]" id="picField" onchange="preview(this)" class="file"></label>
</td>
<td scope="col">
<img alt="Graphic will preview here" id="previewField" src="/images/evolve/addpic.jpg" width="115" height="115"><br />
<label class="cabinet"><input type="file" name="images[]" id="picField" onchange="preview(this)" class="file"></label>
</td>
<td scope="col">
<img alt="Graphic will preview here" id="previewField" src="/images/evolve/addpic.jpg" width="115" height="115"><br />
<label class="cabinet"><input type="file" name="images[]" id="picField" onchange="preview(this)" class="file"></label>
</td>
</tr>
</table>

also ther is one include:

<script type="text/javascript" src="/java/si.files.js"></script>

i went through this code file and the change does not appear to be where the change should ocur im sure its in the actually script need to loop through the images[] field i would think like i would in php

The only thing i could think to do is paste the script code 5 more times and change each variable to 1 2 3 4 5 but then ill have a big php code page there would be a way to make this work i would think

Thanks all and im here for PHP or Perl questions so any help would be great!
If there is a better approach any input would be great!