JavaScript - Combobox1 With Item Collection / Mouse Or Scroll Down Click

1. I have code to show tip like:
<a class="notvisible" onclick="mytip.disable();" href="javascript:void(0);">Close</a>
How is correct Javascript code to Close this tip when clicked?

2. How to move next news feed with click on arror icon and back icon?
<a onclick="mynews.previous();" href="javascript:void(0);">Previous</a> <a onclick="mynews.next();" href="javascript:void(0);">Next</a>

How is correct Javascript code to move news item next and prevoius news?
when clicked?
<script type="text/javascript">
mynews.init();
mytip.init();
</script>

I am having problem with editing string on mouse click.

I have a string of text like this:
Code:

id1=&id2=&id3=&id4=&amp

And now I need to show/hide part of string by clicking on a links. I would like to hide/show each id's (i.e. id1=&amp


It is simple to hide whole text but how about part of it ?

Hi Exprts,

I am using a (anylink)javascript menu from dynamic drive. Basically I am having a design issue but posting the problem here because I think this can be fixed through JS.

Please download the attached files. You will see the menu & the sub menu on mouse over. Problem is that.... when the submenu appears & I take my mouse to the sub menu, the parent item hover style disappears. I mean, it doesn't look active. I just want the parent item active when users moves his/her mouse to sub menu. Thats all.

Please suggest me any solutions for this. Thank you in advance.

Hi. I am trying to make one small modification to a website. I just want to make an image that, when clicked, scrolls to a certain point. Pleeeeeeaaaaaase help!

This is the javascript that I think controls the scrolling:

var element_y;
var swiffy;
var cur_groupid;
var group_sortable = new Array();
var lightbox;
var content;

window.addEvent('load', function() {
checkScrollerWidth();
checkImages();
});

function checkImages() {
var check_w = window.getSize().x + 500;
var winh = window.getSize().y;

var divs = $$('.single_image_holder');
for(var i=0; i<divs.length; i++) {
if(divs[i].getChildren().length) continue;
if((parseInt($('main_images').getPosition().x) + parseInt(divs[i].get('xpos'))) >= check_w) return;
var img = new Element('img', {
'src': divs[i].get('source')
});
divs[i].adopt(img);
}
}

window.addEvent('resize', function(){
checkScrollerWidth();
});

function checkScrollerWidth() {
if($('scrollbar2') && $('content2') && $('handle2'))
makeScrollbar( $('content2'), $('main_images'), $('scrollbar2'), $('handle2'), true);
}

function makeScrollbar(content,checkContent,scrollbar,handle,horizontal,ignoreMouse){

if(checkContent.getScrollSize().x < scrollbar.getSize().x) {
handle.setStyle('display','none');
return;
}

handle.setStyle('display','block');

var steps = (horizontal?(content.getScrollSize().x - content.getSize().x)content.getScrollSize().y - content.getSize().y))
var slider = new Slider(scrollbar, handle, {
steps: steps,
mode: (horizontal?'horizontal':'vertical'),
onChange: function(step){
var x = (horizontal?step:0);
var y = (horizontal?0:step);
content.scrollTo(x,y);
checkImages();
}
}).set(230);
if( !(ignoreMouse) ){
$$(content, scrollbar).addEvent('mousewheel', function(e){
e = new Event(e).stop();
var step = slider.step - e.wheel * 30;
slider.set(step);
});
}
}

Hi,

I am still designing the website and want some flexibility. I am capturing the mouse clicks fine on top of an image, but the coordinates are absolute and not relative to the image. How can I capture mouse clicks relative to the image so that I can move the image anywhere in my website?

Thanks!

Hi Peers,

i have a Drop down list with 10 choices (skillset).
users must choose one skillset and the corresponding level (beginer/intermediate/master). ( they have to do this 10 times for all the sillsets)

what i want is :


1 - i need to show up only one record (dropdowanlist) with level
then have a button to add new skill and level if required


2- then when they choose the 1st skill from the dropdown , this one will not show up on the 2nd choice dropdown.

is it possible

any help ?

thanks guys

I've got to have a typo somewhere, but i can't seem to find it. I need a new pair of eyes to point it out for me.

background: trying to code a mouseover link for a nav bar. everything is working( hyperlink, normal image shows up) but when i mouse over the image swap doesn't happen.

I have 2 parts of code. 1st preloads images and does the swap function. loads in <head> See below:
Code:

<SCRIPT language="javascript" type="text/javascript">
if (document.images)
{
/* preload images */
	var subcontractorsOn = new Image ();
	subcontractorsOn.scr = "subcontractorsOn.gif";
	
 	var subcontractorsOff = new Image ();
	subcontractorsOff.scr = "subcontractorsOff.gif";
}
	function mouseOn (imgName)
	{
		if (document.images)
			document [imgName].scr = eval (imgName + "On.scr");
	}
	
	function mouseOff (imgName)
	{
		if (document.images)
			document [imgName].scr = eval (imgName + "Off.scr");
	}
	
</SCRIPT>

2nd just calls the functions to preform the swap. this is in the <body>
see code below
Code:

<a href="subcontractors.htm" onMouseOut="mouseOn('subcontractors')"
onMouseOver="mouseOff('subcontractors')">
<img src="subcontractorsOff.gif" height="40" width="133" name="subcontractors" id="subcontractors" border="0" alt="subcontractors"></a>

any insight would be great.
regards,
Fatmann66

Hi -

New to Javascript - new to the forum... Here's one that I don't understand:

Code:

<script type="text/javascript">

			fso = new ActiveXObject("Scripting.FileSystemObject");
			myCollection = new Collection();

			function FindFiles()
			{
				var path = "c:\\files\\";
				var ext = ".csv";

				var files = new Enumerator (fso.GetFolder(path).Files); //Collect all files in path

				do
				{
					var file = files.item();


					if (file.Name.indexOf("_summary")<0) myCollection.add(file.Name,file.Type);


					files.moveNext();

				}

				while (!files.atEnd());

			}


			function Collection()
			{
				var collection = {};
				var order = [];

				this.add = function(property, value)
				{
					if(!this.exists(property))
					{
						collection[property]=value;
						order.push(property);
					}
				}

				this.exists = function(property)
				{
					return collection[property]!=null;
				}

			}

			function ListCollection()
			{
				var g = new Enumerator (myCollection);

				do
				{
					var colitem = g.item();
					g.moveNext();
				}

				while (!g.atEnd());

			}

		</script>

During execution, I get a "Object not a collection" error when I try to pass "MyCollection" to the Enumerator function. What am I missing?

Thanks,
Max

Hello all,

I am working on my website at http://www.productreviewsbytyler.com, and I have a little box with one input field for e-mail address collection. I am a novice who doesn't know what is the optimal solution for just collecting the data entered into the field. I have heard of scripts that test e-mail addresses. Confused

Ok know those people who are in the bad habit of double clicking everything? Well my site breaks if they double click it...

is there a script I can use that won't let my functions run more then once every so many seconds? to avoid double clicking errors?

Hey guys just need a little help.

I need to create a little script that clicks a link automatically and opens it up in a new page.

So far I have this:

Code:

<head>
<script>
function autoClick(){
document.getElementById('linkToClick').click();
}
</head>
<body onload="setTimeout('autoClick();',3000);">
<a id="linkToClick" href="http://www.google.com" rel="nofollow" target="_blank">GOOGLE</a>
</body>

It works but the problem is that IE popup blocker keeps blocking the new window.

Is there a way to do the same thing with javascript without it having blocked by IE popup blocker?

hi, when i mouseon an image, how can i make it so, the image i'm mousingon and a second image both fade into alternate images, and then fade back out to the original images when i mouseoff? here is an example- http://www.javascript-fx.com/develop...t/ifctest.html . any help would be most appreciated.

need to make "left click" act as "middle click"

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

I need to make "left click" act as "middle click" for a web site
....thank you in advance for any and all help...
[CODE]
<script language="javascript">
function Click(4) {
if (event.button==0; 1; )
}
document.onmousedown
</script>>

I have a pop-up message box, that I'd like help changing to a mouse-over message box.

Any help would be appreciated. Thanks

Code:

<style>
.msg { display:block; position:absolute; top:300px;
left:300px; width:350px; background-color:#eeeeff; border-style:solid;
border-width:1px; padding:15px 20px 5px 20px; }
.msgclose { text-decoration:none; font-size:0.9em;
font-variant:small-caps; margin-top:10px; }
</style>

<div id="popupMsg" class="msg">
You must read this message.<br>
This is a test message box <br />
<div style="width:100%; text-align:right;">

<a class="msgclose" href="#" onclick="document.getElementById('popupMsg').style.display = 'block';
return false;"><font color="#800000">Close Window</font></a>
</div>

I wrote this code for 1 image, and it is working perfectly fine:

Code:

function swapImage()

				{
					document.getElementById("linkedin").src = "images/glinkedin.png";
				}

function restoreImage()

				{
					document.getElementById("linkedin").src = "images/linkedin.png";
				}

the problem starts when I want to use this code for 4 images, can anyone correct it please:

Code:

function swapImage()

				{
					document.getElementById("linkedin").src = "images/glinkedin.png";
				}


				{
					document.getElementById("facebook").src = "images/gfacebook.png";
				}


				{
					document.getElementById("google").src = "images/ggoogle.png";
				}


				{
					document.getElementById("twitter").src = "images/gtwitter.png";
				}

function restoreImage()

				{
					document.getElementById("linkedin").src = "images/linkedin.png";
				}

				{
					document.getElementById("facebook").src = "images/facebook.png";
				}

				{
					document.getElementById("google").src = "images/google.png";
				}

				{
					document.getElementById("twitter").src = "images/twitter.png";
				}