... unless javascript is disabled.
Right now I have a set of links that I want to perform some javaScript when clicked on without actually navigating to the link.
I am using this code in the onClick attribute for the link
onClick="load(this); return false;"
and it works in IE and FF but in Opera it still follows the link.
Is there a better way to do this?
I have an image on which when user click I submit my form after doing basic javascript validation.I want user not to be able to click once they clicked on the image so that they don't submit it twice. Right now I disable the image once they click it.I was wondering is there any other way I can do that, is there any way to make image click able only once?
View 5 Replies View Relatedwhat I'm trying to do is to have a vertical menu where one of the list items if triggered (click or mouseover are both fine) moves to the right and then slides down a submenu with other 4 lists items. I got this working while I was just trying this effect alone thanks to this script:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
[code]....
I'm having problems making Opera read value from an external xml file. I did the following test xml:
Code:
<?xml version="1.0"?>
<collect>
<node>
</node>
<node>
</node>
</collect>
Now, I want to make Opera confirm how many "node" elements it sees, so the html, including javascript code is as follows:
<html>
Code:
<head>
<title></title>
<script type="text/javascript">
function createDoc()
{
var xmlDoc = document.implementation.createDocument("","",null);
return xmlDoc;
}
xmlDoc = createDoc();
xmlDoc.load("test.xml");
function test()
{
var xmlNodes = xmlDoc.getElementsByTagName("node");
alert(xmlNodes.length);
}
</script>
</head>
<body>
<input type="button" value="Check XML" onclick="test()" />
</body>
</html>
Result is 0. Firefox sees it allright, reporting 2 elements.
I have called a table through XML with four fields. One of them is Excel file name. I like to make a clickable link with Excel file name to open it.
XML code:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<searchable_index>
<item name="Ana" title="Data" link="docana.xls">Member</item>
<item name="Ana" title="Data" link="docana.xls">Member</item>
[Code]....
I am working on a website that uses a random header. I have been trying to figure out how to adjust the code so that the header also serves as a clickable link.
Here is the code that I have:
What do I need to add in order for the header to also serve as a link? I am completely new to JavaScript and I don't understand it very well.
I have some Javascript that is selecting text from a form textarea and copying it to the clipboard:
document.myForm.myTextarea.focus();
document.myForm.myTextarea.select();
document.execCommand( 'Copy' );
This works great. However there is a problem when I try to paste the text somewhere else. Assuming that the text that is being copied is a [URL], I would like it to be pasted as a link. When I grab a URL from the address bar inside a web browser and paste it somewhere ( such as an e-mail ), it automatically shows up as a clickable link. When I put a URL into my form textarea and run the javascript, it gets pasted as a plain text ( ie. not underlined and not clickable ).
Why are these two different? I've tried running a program to see what is actually copied into the clipboard and I don't see any differences. There must be something that denotes the URL copied from the address bar as a link and therefore makes it clickable when pasted. Is there a way to force this in order to make what is copied to the clipboard from my form textarea a clickable link?
I am trying to make a clickable link in JS wheres as 2 variable assigned as Image URL and Link URL. I have changed the address per forum rules, but I assure you they are valid images addresses and link addresses
var _IMAGE_URL = "fakeaddress/picture.jpg";
var _LINK_URL = "fakeaddress";
var _BANNER = "<center><a href="" + _LINK_URL + ""><img src="" + _IMAGE_URL + ""></a></center>"
var _POST_THIS = _BANNER
This is then called upon later through _POST_THIS, into a text box, buts its not working. However if I change this:
var _BANNER = "TEST<SP>" + _LINK_URL + "<SP>TEST<SP>2<SP>" + _IMAGE_URL + "<SP>TEST<SP>3"
Everything posts fine, but ofcourse just as text addresses, such as
TEST fakeaddress TEST 2 fakeaddress/picture.jpg TEST 3
So my problem is in this line, trying to post as a clickable picutre,
var _BANNER = "<center><a href="" + _LINK_URL + ""><img src="" + _IMAGE_URL + ""></a></center>"
Kept hammering away, and the correct statement would be this
var _BANNER = "<center><a<SP>href="" + _LINK_URL + ""><img<SP>src="" + _IMAGE_URL + ""></a></center>"
Any way to select a portion of text and convert it to a clickable link? I have seen examples, where the selected text is wrapped in <a> tags, however, I have yet to see an example of having the link actually be clickable. The other issue appears to be with the document.selection property that Firefox seems to not support. So a cross-browser solution would be ideal. I intend to use this with a custom toolbar/button in FCKEditor. The toolbar is in place, we just need to resolve the selected text - clickable link issue.
View 1 Replies View RelatedI'm tryng to develop a link tracker, something like google analytics. The goal is to get a command like this:
$('html').trackAllLinks(optional options);
$('a').trackAllLinks(optional options);
Now i developed a javascript that could do just what i need but the problem is it doesn't work in every browser as it should be. Because i want to track a link click i need to make a request to my server to say that the link has been clicked. The first problem i had was that i needed to make a cross domain ajax call. But this is fixed by using JSONP. Now my code looks like this:
[Code]...
The first idea was that i wouldn't do anything in the success of the jsonp call and just let the request go, but because this didn't work when i clicked on an external link, i changed it to wait on a response before opening the link. The problem with this code is that it doesn't work in Opera, no request is being send to the server Now i know that JSONP mimics the ajax call by adding a script tag to the page which loads the script of the given url. Now i think when i do this in Opera the dynamically loaded javascript isn't executed. In Firefox, IE, Chrome, Safari it works but not in Opera.
Another idea i had was by dynamicly adding an image to the page. But this has the same problem in Opera and i was unable to track an external link in Safari and Chrome (Webkit.
I've searched high and low for some decent code that will allow a visitor to a website to bookmark the site through a hyperlink. The bookmarking is done through a javascript function that looks like this:
Code:
function OnBookmarkButtonClick (e)
{
if (window.sidebar)
[code]....
I need to add some detection for Opera, Safari, and Chrome. note that it must be feature detection, not browser detection. But as I said, I've searched high and low for this, and couldn't find anything.
I want a URL parameter, like [URL] to be added when a link is clicked. So for example, when I click one of the menu tabs on [URL], I want a #tab-1 to be added at the end of the URL.If you look now, clicking a new tab adds nothing to the URL because it's pre-loaded.
View 2 Replies View RelatedMy name is James Weil, I'm 14. I've been working on graphics for around a year, and I've been trying to learn CSS, HTML, and Javascript. So anyways, heres my question. I have this simple rollover button. Heres the code.
[Code]...
I am trying to get the title attribute of a link to be the same as the visible text of the link. That is, I want the little pop up that occurs when you hover your mouse over the link to read the same as what users would see in the menu.
The menu is written by Javascript, so there is no way to just put a title attribute on each link. Here is the code:
Recently, I have learned about the document object model, along with vital facts about JavaScript Functions, regular expressions, and prototypes.
My learning has culminated in the creation of a powerful client-side HTML generation library. Now, my HTML() bookmarklet library (url...) packs 154 functions into less than 2K! Once these window, String and Array functions are loaded, large HTML constructs can be created with very compact JavaScript "clientlets."
I'm not really a programmer, but have been tasked with performing some AJAX functions to make a call and return results to my page using getElementByID. I have been able to return search results to the page, but now need to make them clickable as it will lead to another query. E.g., when a user clicks one of the returned categories, it should invoke a query to return products within that category.
Right now, I just want to see how to effectively wrap an HREF around each search result.
Here's the page I'm working on: [URL]
Here's the javascript I used to return the results to that DIV:
function setDataHTML(xmlHttp)
{
document.getElementById('CollapsiblePanel2').lastChild.innerHTML = xmlHttp.responseText;
}
how to make these results clickable?
Recently, I have learned about the document object model, along with vital facts about JavaScript Functions, regular expressions, and prototypes.
My learning has culminated in the creation of a powerful client-side HTML generation library. Now, my HTML() bookmarklet library packs 154 functions into less than 2K! Once these window, String and Array functions are loaded, large HTML constructs can be created with very compact JavaScript "clientlets."
I welcome your comments about this technique for client-side HTML generation. It's highly cross-browser.
I have this loop I run to retrieve wallposts with php. Within this loop, I want a link/button on every post that says "comment". When the user clicks the comment link I want a comment field and post button to appear on the post I clicked on. The problem is that when I've tried making a link that does this, it only drops down the comment field on the most recent wallpost regardless of which wallpost I click on.
View 3 Replies View RelatedI have a link that has an mp3 sound as its href:<a href="sounds/genealogy.mp3" class="track track-default"> this is a link</a>. Unfortunately, I also need that same link to go to a part on the site (href=#greenhouse) so that the sound plays on that part of the site.
View 2 Replies View Relatedi have a asp.net checkboxlist populated with records from database.i have a javascript in the same page where in there are some list/link with mouseover events.reference to link for the continuation http:[url]....when the mouseover on a link then its text which is in the span shld appear in the checkbox
View 19 Replies View RelatedWhat I need, Is the code for this: making a radio button (once activated with green dot inside it) link to a different page. That's about it. Pretty simple.
View 2 Replies View RelatedFloating, "perpetual" calendar, displaying one month at a time, in a standard calendar grid. Click a date and a form field is populated with mm/dd/yyyy. Populate one or multiple form fields with a single click. May specify up to 7 form fields to populate. Customizations for jumping a number of months/years ahead or behind. Floats to the left hand side or the right hand side. Tested in IE6 & FF1.5.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Any Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
/* Copyright 2007, Michael J. Hill. Used with permission. www.javascript-demos.com */
/* Free use of the code, so long as BOTH copyright notices are kept intact */
// Customizations
var defaultMonth = 0; // 1 displays next month onload, -6 displays six months ago
var hopMonths = 6; // number of months to "jump" for Fast Forward and Rewind buttons
var hopYears = 5; // number of years to "jump"
var hiLiteToday = true; // if and when current month is displayed
var floatTo = "right"; // right or left
var clickField = [];//Do not delete this line, the following lines are optional and you may have up to 7 fields
clickField[0] = "contractDate,Order Received"; // fieldName,Description
clickField[1] = "startAssembly,Started Assembly";
clickField[2] = "endAssembly,Finished Assembly";
clickField[3] = "dateShipped,Order Shipped";
// End Customizations
// Do not edit below this line
var IE = false;
if (navigator.appName == "Microsoft Internet Explorer"){IE = true}
var monthNames = ["January","February","March","April","May","June","July","August","September","October","November","December"];
var refDate = "";
var today = "";
var usedToday = "";
var prevField = "";
var leftStr = "";
if (floatTo == "right"){leftStr = (screen.width)-235+"px"}
if (floatTo == "left"){leftStr = "0px"}
if (clickField.length > 0){for (t = 0; t < clickField.length; t++)
{clickField[t] = clickField[t].split(",")}}
function stayHome(){
var nV = 0;
if(!document.body.scrollTop){nV = document.documentElement.scrollTop}
else {nV = document.body.scrollTop}
document.getElementById('nCalendar').style.top = nV+'px'
setTimeout("stayHome()",50);
}
function rewindM(){
refDate = new Date(refDate.getFullYear(),refDate.getMonth()-hopMonths,1)
createCalendar();
}
function forwardM(){
refDate = new Date(refDate.getFullYear(),refDate.getMonth()+hopMonths,1)
createCalendar();
}
function rewindY(){
refDate = new Date(refDate.getFullYear()-hopYears,refDate.getMonth(),1)
createCalendar();
}
function forwardY(){
refDate = new Date(refDate.getFullYear()+hopYears,refDate.getMonth(),1)
createCalendar();
}
function prevM(){
refDate = new Date(refDate.getFullYear(),refDate.getMonth()-1,1)
createCalendar();
}
function nextM(){
refDate = new Date(refDate.getFullYear(),refDate.getMonth()+1,1)
createCalendar();
}
function prevY(){
refDate = new Date(refDate.getFullYear()-1,refDate.getMonth(),1)
createCalendar();
}
function nextY(){
refDate = new Date(refDate.getFullYear()+1,refDate.getMonth(),1)
createCalendar();
}
function fillField(n){
if (usedToday != "" && refDate.getMonth() == today.getMonth() && refDate.getFullYear() == today.getFullYear()){usedToday.style.backgroundColor = "#ffff00"}
if (prevField != "" && prevField != usedToday){prevField.style.backgroundColor = "#ffffe0"}
var fillDate = refDate.getMonth()+1+"/"+n.lastChild.data+"/"+refDate.getFullYear();
fillDate = fillDate.replace(/^(d{1}/)/,"0$1").replace(/(d{2}/)(d{1}/)/,"$10$2")
for (i = 1; i < clickField.length+1; i++)
{
if (document.getElementById('fieldBox'+i).checked)
{
document.forms[0][clickField[i-1][0]].value = fillDate;
document.getElementById('fieldBox'+i).checked = false;
if (n.style.backgroundColor == '#ffff00'){usedToday = n}
if (n.style.backgroundColor == 'rgb(255, 255, 0)'){usedToday = n}
n.style.backgroundColor = "#90ee90";
prevField = n;
}
}
}
function createCalendar(){
document.getElementById('header').lastChild.data = monthNames[refDate.getMonth()]+" "+refDate.getFullYear();
var currEOM = new Date(refDate.getFullYear(),refDate.getMonth()+1,refDate.getDate()-refDate.getDate()).getDate();
var pageMap = document.getElementById('monthPage');
for (i=2; i<8; i++)
{
for (n=0; n<7; n++)
{
if (IE){pageMap.rows[i].cells[n].lastChild.data = " "}
else {pageMap.rows[i].cells[n].lastChild.data = "-"}
pageMap.rows[i].cells[n].style.backgroundColor = "#ffffe0";
pageMap.rows[i].cells[n].style.cursor = "auto";
}
}
var counter = 0;
var startDay = new Date(refDate.getFullYear(),refDate.getMonth(),1).getDay();
for (i=2; i<8; i++)
{
for (n=0; n<7; n++)
{
if (i == 2 && n >= startDay)
{
counter++;
pageMap.rows[i].cells[n].lastChild.data = counter;
pageMap.rows[i].cells[n].onclick = function(){fillField(this)}
pageMap.rows[i].cells[n].style.cursor = "pointer";
}
if (i > 2 && i < 6)
{
counter++;
pageMap.rows[i].cells[n].lastChild.data = counter;
pageMap.rows[i].cells[n].onclick = function(){fillField(this)}
pageMap.rows[i].cells[n].style.cursor = "pointer";
}
if (i == 6 && counter < currEOM)
{
counter++;
pageMap.rows[i].cells[n].lastChild.data = counter;
pageMap.rows[i].cells[n].onclick = function(){fillField(this)}
pageMap.rows[i].cells[n].style.cursor = "pointer";
}
if (i == 7 && counter < currEOM)
{
document.getElementById('lastRow').style.display = "";
counter++;
pageMap.rows[i].cells[n].lastChild.data = counter;
pageMap.rows[i].cells[n].onclick = function(){fillField(this)}
pageMap.rows[i].cells[n].style.cursor = "pointer";
}
if (IE && i == 7)
{
if (pageMap.rows[i].cells[0].lastChild.data == " ")
{document.getElementById('lastRow').style.display = "none"}
}
if (!IE && i == 7)
{
if (pageMap.rows[i].cells[0].lastChild.data == "-")
{document.getElementById('lastRow').style.display = "none"}
}
}
}
if (today.getFullYear() == refDate.getFullYear() && today.getMonth() == refDate.getMonth() && hiLiteToday)
{
for (i=2; i<8; i++)
{
for (n=0; n<7; n++)
{
var tmp = pageMap.rows[i].cells[n].lastChild.data;
if (tmp == today.getDate())
{pageMap.rows[i].cells[n].style.backgroundColor = "#FFFF00"}
}
}
}
}
function insertRow(){
var isTable = document.getElementById('clickFields')
var index = isTable.rows.length;
var nextRow = isTable.insertRow(index);
var isBox = nextRow.insertCell(0);
var isDesc = nextRow.insertCell(1);
var idStr = "fieldBox"+index;
isBox.innerHTML = "<input type='checkbox' id="+idStr+">";
isBox.style.width = "20px";
isDesc.innerHTML = clickField[index-1][1];
}
function buildClickFields(){
if (clickField.length == 0)
{
document.getElementById('clickNotice').style.display = "none";
document.getElementById('clickFields').style.display = "none";
}
else {
for (r = 0; r <clickField.length; r++)
{insertRow()}
}
}
function buildSupport(){
var styleStr = "<style type='text/css'>.left {border-left:solid black 1px;border-right:solid black 1px;border-bottom:solid black 1px;text-align:center;width:27px}.other {border-right:solid black 1px;border-bottom:solid black 1px;text-align:center;width:27px}.btn {font-size:6pt;font-weight:bold;width:22px}.day {border-right:solid black 1px;border-bottom:solid black 1px;text-align:center;width:27px;font-family:arial;font-size:10pt;font-weight:bold}.leftDay {border-left:solid black 1px;border-right:solid black 1px;border-bottom:solid black 1px;text-align:center;width:27px;font-family:arial;font-size:10pt;font-weight:bold}</style>"
var tableStr = "<DIV id=nCalendar style='POSITION: absolute; TOP: 0px'><TABLE id=holder style='MARGIN: 10px; BACKGROUND-COLOR: #ffffe0' cellSpacing=0 cellPadding=0 align=center><TBODY><TR><TD><TABLE id=monthPage style='FONT-SIZE: 14pt' cellSpacing=0 cellPadding=3 width=189 border=0><TBODY><TR><TH id=header style='BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: times; BACKGROUND-COLOR: #ffe4b5' colSpan=7> </TH></TR><TR style='BACKGROUND-COLOR: #f0e68c'><TD class=leftDay>S</TD><TD class=day>M</TD><TD class=day>T</TD><TD class=day>W</TD><TD class=day>T</TD><TD class=day>F</TD><TD class=day>S</TD></TR><TR><TD class=left> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD></TR><TR><TD class=left> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD></TR><TR><TD class=left> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD></TR><TR><TD class=left> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD></TR><TR><TD class=left> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD></TR><TR id=lastRow style='DISPLAY: none'><TD class=left> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD><TD class=other> </TD></TR><TR><TD style='BORDER-RIGHT: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 5px; BORDER-LEFT: black 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #87ceeb' align='center' colSpan=7><INPUT class=btn id=rwMonths onclick=rewindM() type=button value='<<'> <INPUT class=btn title=Previous onclick=prevM() type=button value='<'> Month <INPUT class=btn title=Next onclick=nextM() type=button value='>'> <INPUT class=btn id=fwMonths onclick=forwardM() type=button value='>>'> </TD></TR><TR><TD style='BORDER-RIGHT: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 5px; BORDER-LEFT: black 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #87ceeb' align='center' colSpan=7><INPUT class=btn id=rwYears onclick=rewindY() type=button value='<<'> <INPUT class=btn title=Previous onclick=prevY() type=button value='<'><SPAN style='LETTER-SPACING: 1px'> Year</SPAN> <INPUT class=btn title=Next onclick=nextY() type=button value='>'> <INPUT class=btn id=fwYears onclick=forwardY() type=button value='>>'> </TD></TR><TR id=clickNotice><TH style='BORDER-RIGHT: black 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: black 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #90ee90' colSpan=7>Click To Field: </TH></TR></TBODY><TABLE id=clickFields style='BORDER-RIGHT: black 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: black 1px solid; WIDTH: 189px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #7fffd4' cellSpacing=0 cellPadding=0><TBODY><TR></TR></TBODY></TABLE></TR></TBODY></TABLE></TD></TBODY></TABLE></DIV>"
document.write(styleStr);
document.write(tableStr);
}
function initCalendar(){
buildSupport();
document.getElementById('rwMonths').title = " -"+hopMonths+" ";
document.getElementById('fwMonths').title = " +"+hopMonths+" ";
document.getElementById('rwYears').title = " -"+hopYears+" ";
document.getElementById('fwYears').title = " +"+hopYears+" ";
today = new Date();
refDate = new Date(today.getFullYear(),today.getMonth()+defaultMonth,1)
createCalendar();
buildClickFields();
document.getElementById('nCalendar').style.left = leftStr;
stayHome();
}
</script>
<style type="text/css">
body {background-color:#eae3c6;margin-top:60px}
form {width:260px;height:1200px;margin:auto}
fieldset {width:260px;background-color:#f0fff0;border:1px solid #87ceeb}
legend {font-family:tahoma;font-size:10pt;font-weight:bold;color:#00008b;background-color:#87ceeb;padding-left:3px;padding-right:3px;margin-bottom:5px;letter-spacing:+1px}
label {font-family:times;font-size:12pt;color:#00008b;padding:5px}
.dates {font-family:times;font-size:10pt;text-align:right}
</style>
</head>
<body>
<form method='post' action=''>
<fieldset>
<legend> Order Tracking </legend>
<label> Order Received <input type='text' size=Ə' name='contractDate' class='dates' readonly></label><br>
<label> Started Assembly <input type='text' size=Ə' name='startAssembly' class='dates' readonly></label><br>
<label> Finished Assembly <input type='text' size=Ə' name='endAssembly' class='dates' readonly></label><br>
<label> Order Shipped <input type='text' size=Ə' name='dateShipped' class='dates' readonly></label>
</fieldset>
</form>
<div style='margin-left:auto;margin-right:auto;text-align:center;font-size:8pt;padding:3px'>Click to Field Calendar, © Copyright 2007, Michael J. Hill. Used with permission. <a href='http://www.javascript-demos.com'>www.javascript-demos.com</a></div>
<!-- Keep the following line as the LAST line in the Body -->
<script type="text/javascript"> initCalendar() </script>
</body>
</html>
I have created a table to organize data, and upon clicking a row, the user is taken to that data to manage related information to that data. Everything works fine, but something came up where I would like to give them the ability to delete items from that listing. I would like to add an additional column for each row, that will store an image, when clicked on, deletes that item in the database.
My question is: how do you cancel an action based upon a column that is clicked? I'm sure there is, and I don't mind adding a class to the image column for detection... I am unsure how to look further into the DOM event to see what particular td was clicked, if I could, I could then use $(this.attr("class"); to look to check if that specific column was clicked, and to cancel the action accordingly.
[Code]...
I have a situation in which I have to track clicks (links etc..). The problem is, I have a larger div ie - parentDiv - like 300px height, 400px width - approximate. This div has a background image. Now, the issue arises because over this div (parentDiv), I have another div "announceDiv" on top of it showing information.
I ONLY want the parts of parentDiv that is NOT covered by announceDiv to be clickable. Just to reiterate, I have a big div that I want clickable (so I can add a link to the click), but over this big div I have a smaller div showing content ie, information, that links to its own stuff. BUT I want to be able to link from this background image that is in the parentDi without affecting when I click in the smaller div that is superimposed over it.
I'm looking for a way to make an entire div clickable on this page: http://tinyurl.com/2ektm28 .Scroll down through the menu categories and you'll see a background change (for now) on the divs. And right now, the link is only on the h2.But I want the whole div to be clickable.I found this on CSS-Tricks, but it's not working for me. http:[url]....
View 2 Replies View RelatedI have some tabular records displayed. Do you guys have any idea how i can make the whole row clickable and give a rollover?
View 5 Replies View Related