HTML - Open Multiple Links With One Click

hi all,
One strange issue with html <a> tags.We have XP English and Japanese machines
and issue is getting only in XP Japanese machines.

Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links.
Any idea why this happens?

Following is my JSP section
=============================

<div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; ">
<label>Screen #&nbsp;:&nbsp;</label>
<input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/>
<button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button>
&nbsp;|&nbsp;
<a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a>&nbsp;|&nbsp;
<a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a>&nbsp;|&nbsp;
<a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a>&nbsp;|&nbsp;
<a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a>&nbsp;|&nbsp;
<a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a>

</div>
===================================================
CSS Used In the page
=====================


<STYLE>
body{
margin:-1px;
scrollbar-base-color: #C6CEDE;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #C6CEDE;
scrollbar-face-color: #C4CED9;
scrollbar-highlight-color: #C6CEDE;
scrollbar-shadow-color: #C6CEDE;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;

}
#footer{
position:absolute;
left:1%;
top:99%;
width:97%;
text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
color : #000000;
/*background-color:#CCCCCC; */
}
.footer{

text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
/*background-color:#CCCCCC; */
}
div.footer table{
border-collapse:collapse;
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
border: 0px;

}

div#systemMenu{
color:#ffffff;
font-weight:bold;
}
div#systemMenu button{
border-collapse:collapse;
color:#ffffff;
font-weight:bold;
font-size:12px;
border: 0px none;
background-color:1F3E6C;
width:0px;
height:0px;
}

div#systemMenu input{
/*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/
font:menu;
width : 75px;
height : 15px;
color : #000000;
text-transform : uppercase;
background : #ffffff;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
border-top-width : 0px;
border-top-style : none;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
border-collapse:collapse;

}

div#systemMenu label{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold; font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#systemMenu a{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold;font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#mainErrorDiv table{
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/


}

/*********************************FONT STYLES********************************/
.iCargoRedText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #336666;
font-weight : bold;
}
.iCargoSmallText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 7pt;
color : #000000;
}
.iCargoPageText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #000000;
}
.iCargoErrorMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #336666;
list-style-position : outside;
list-style-type : square;
}
.iCargoInfoMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #000000;
}
div.loadBox {
/*font-family: Arial, sans-serif; font-size:9pt;*/
font:menu;
color: #FFFFFF;
border: 0px none #FF3E3E;
background-color: #1F3E6C ;
text-align: center;
position:absolute;

}
</STYLE>

Short Sersion:
What the best way to make a link dragabal but not clickable while being dragged?

Long Version:
I have a bunch of icons links (in layers) that the visitor can drag over the screen and even remove if they want to. (it's totally cosmetic, and everything is reset as soon as the page is refreshed, but it ads a level of detail - hence why am doing it)

Since this is an unnecessary function it cannot interfere with the visitor’s ability to use the site smoothly. Therefore my issue; Since the links are dragabal, as soon as you click the link to drag it does what a link does and loads the page (after you release/drop it)

Fix 1. The Shift.
The quickest fix is to set the top margin of the button to the height of the image of the button. This way when you click it the button is shifted down and the handle becomes the area above the button, this way you can’t click the button while dragging.

This does somewhat kill the effects, it looks a little odd when you go to click and drag the link and suddenly the links shifts down and you are holding the empty space above it. But it does solve the problem very simply and there for should be considered.

Fix 2. The DblClick
This is even a simpler fix to fix1 but it could interfere with the usability of the site… Setting the link to activate on a double click instead of a single click. This way the click to drag the button doesn’t activate the link.
http://www.htmlforums.com/showthread.php?t=84281

Fix 3. “Block Layer”
Another thought is to show a hidden layer when the drag function is activated this will block the link from being clicked. The “block’ layer can be hid again once the button is dropped, or in my case since I am already using the on drop event and have “only when snapped” checked, set the “block” layer to hide on mouse out, and assign a onclick link to the “block’ layer as well, incase the visitor tries to click the link after dragging it without mouseing off it first.

This as far as I can see is the best compromise, however it adds a lot of additional code and mouse events that could effect the performance of the page.

The best fix would be to disable the onclick event while dragging but I am not sure how to do that, and if you even can. Additionally I would assume that if disabled, the onclick event would need to be enabled after dragging, and since I am already using the on drop/ when dropped event and have “only when snapped” checked that could pose a problem.

Any thoughts?

I have some buttons that open new pages in new windows. How do I tell or force the browser to open them in new tabs, instead of in new windows or the same window?

I'm trying to make a website for personal use that will open multiple search engines with one keyword search. I'm not quite sure how to have a text-field input the suggested keyword in the search query portion of the html code. Here's what I have so far:

<html>
<head>
<script type="text/javascript">
function open_win() {
window.open("http://search.yahoo.com/search?p=asdf&fr=yfp-t-501&toggle=1&cop=mss&ei=UTF-8")
window.open("http://www.google.com/search?hl=en&q=asdf&btnG=Google+Search&aq=f&oq=")
}
</script>
</head>

<body>
<form>
<input type=button value="Open Windows" onclick="open_win()">
</form>
</body>

</html>



What I'm trying to do is replace the "asdf" portion of the code in both the yahoo and the google search parameters to something from an <input type=text> form. If anyone has any suggestions, I would greatly appreciate it.

I have an HTML button on my webpage. When the button is clicked it opens the URL link.
<input type="button" value="home" onclick="main.location.href='http://www.srisri.org'"/>

I want to modify the button such that after clicking the button not only opens the webpage but also the font of the button changes to bold red.

My page loads correctly, but when I open a new tab in IE7 so the tab
bar appears, my page shifts to the left, and the menu overlaps/
obscures parts of the images.

I can't find a reason why this happens, can anyone help?

A screenshot of the error can be found below:

http://www.onetopsoccer.com/error.jpg

The page itself is at http://www.onetopsoccer.com/index.shtml

I am making a simple table with multiple links in each of the cells. The only problem is when I try to put 2 links in the same cell it turns out like this: Link Link, side by side. Is there a way to make them be a list (up and down) like this:
Link
Link

Thanks in advance.

Hi All I am making some new pages for my websites and want them all link together. They are all coded to reached the main page by <a href> tag but also want each of the new pages to link together. So I guess my question is Will I have to add a new <a href>tag such as <a href="htmlforums.html">How to make multiple links all connect</a> and so on on each new page.....

Thanks for your help

*please bear with me this is a simple problem which is sort of hard to explain*

I run a very small (15 page) website for myself. The site consists of an image_list page, which is an index of 13 thumbnail images. Each thumbnail links to a single page, each page being a larger image of the respective thumbnail. These 13 individual pages are directed at the same base target window, _ximage.

you can find the image_list window he
http://www.winslowsmith.com/work/index.html

click on any one of these thumbnail links and a new window (_ximage) will open. navigate back to the image_list and click another link, the _ximage window will reload with the new page. Pretty simple, right?, just a <base target=""> command.

In safari this all looks swell, and the _ximage window, whether open or not, will always come to the foreground to load.

Not the case in Firefox.

My problem in Firefox is as follows: opening one of the given links in image_list will load a new window (or tab), with _ximage target, and the first time, that new window/tab with _ximage target will come to focus and be in the foreground.

However, if the viewer leaves the _ximage window open, and navigates back to the image_list window and clicks another link, that link will load appropriately but the _ximage window will remain in the background. (and it works the same whether you are using windows or tabs to load your new pages). This is frustrating because it forces the viewer to click twice rather than just once to get to one of these 13 pages, and said pages are the reason people would traffic to the site.

Is there any way to have the links to base (_ximage) target always load in the foreground in Firefox(even when the target window _ximage is open)? Is there code to tell the Firefox browser, hey this is an important window load it in the foreground?

Is there a way to do it with anchors?

any help is appreciated

What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link?

What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link?








________________________________________________________________
Buying diamonds online - James allen review - Bluenile.com review - Mondera Diamonds Review - Online diamond store reviews - Engagement ring guide - Engagement ring guide

I have a pdf file that is the catalog for my business.

Is there a way to make it so that i can create a link that says "view" and if people click on it, then the standard "FILE DOWNLOAD" box does not come up... and it just opens the file in a separate window.... and have a "download" link where if they click that... then it just downloads the file.

I know that i am weird... but i think it would be something that not everybody has... and something that would be kinda cool.

Thanks in advance....

Mark

Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones.

So my question is: How hard is this to do? Is this something I need to hire someone to do for me?

Thanks in advance for any advice!

Please help. This is what I have so far http://bartletagency.com/m/x2.php

Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars

if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00

how can i do this please?

here is the code I have which made up the PHP file i linked you to above.


code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Lesson 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<?php
if ($_SERVER['REQUEST_METHOD'] != 'POST'){
$me = $_SERVER['PHP_SELF'];
?>
<h1 align="center">Business Cards</h1>
<form name="form1" method="post" action="<?=$me?>">
<table border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td align="right" valign="middle">Quantity:</td>
<td><select name="Quantity: ">
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
<option value="10,000">10,000</option>

</select>
</td>
</tr>


<tr>
<td align="right" valign="middle">color</td>
<td><select name="color">
<option value="blue">blue</option>
<option value="green">green</option>

</select>
</td>
</tr>

<tr>
<td align="right" valign="middle">3</td>
<td><select name="3">
<option value="small">3-1</option>
<option value="medium">3-2</option>

</select>
</td>
</tr>


<tr>
<td> </td>
<td><input type="submit" name="Submit"
value="Send">
</td>
</tr>
</table>
</form>



<?php

} else {
error_reporting(0);
// initialize a array to
//hold any errors we encounter
$errors = array();
// test to see if the form was actually
// posted from our form
$page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
if (!ereg($page, $_SERVER['HTTP_REFERER']))
$errors[] = "Invalid referer<br>\n";
// check to see if a name was entered

if (count($errors)>0) {
foreach($errors as $err)
echo "$err<br>\n";
echo "<br>Please use your browser's Back button to fix.";
} else {
// no errors, so we build our message
switch($_POST['color']){
case 'red':
$recipient = 'mathew420@gmail.com';
break;
case 'green':
$recipient = 'mathew420@gmail.com';
break;
case 'blue':
$recipient = 'mathew420@gmail.com';
break;
default:
$recipient = 'mathew420@gmail.com';
}
$subject = "Widget On Line Order";
$from = stripslashes($_POST['Name']);
$msg = "Message sent by $from\n";
$msg.="\nSize: ".$_POST['size'];
$options=$_POST['options'];
$msg.="\nOptions:";
if ($options)
for ($i=0;$i<count($options);$i++)
$msg.= "\n- $options[$i]";
else
$msg.="\n- None";
$msg.="\nColor: ".$_POST['color'];
$extension=($_POST['extension'])?"Extension: Yes":"Extension: No";
$wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No";
$deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No";
$msg.="\n$extension\n$wallmount\n$deskmount";
$msg.="\n".stripslashes($_POST['MsgBody'])."\n";
if (mail($recipient,$subject,$msg)){
echo "<p>Thanks for your order!</p>";
echo nl2br($msg);
} else
echo "An unknown error occurred.";
}
}
?>
</body>
</html>




thanks so much