JavaScript Forum

**empiresolutions** · 03-19-2010, 10:38 AM

After much research i understand that Safari isn't able to call the onClick Event like the other browsers do. So how do i get Safari to act like the other browsers is my question? I have see no real alternative. Can any of you help? My current code is below. It works in all browsers except Safari (haven't checked Chrome, but it should be same as Safari what i read). Thanks much.

Code:

<script language="Javascript">
<!--

    $(document).ready(function() {
            $('.create_project').click(function(){
            alert('its working');
        });
    });

//-->
</script>

Code:

a href="javascript:void(0);" class="create_project"><img src="b.create.off.gif" width="99" height="45" border="0" id="Image51" onMouseOver="MM_swapImage('Image51','','b.create.on.gif',1)" onMouseOut="MM_swapImgRestore()">

**wayfarer07** · 03-19-2010, 10:54 AM

It works on my Safari. I don't know what you've been reading, but Safari has absolutely no problem with an onclick event.

However, if the HTML code you used exactly matches your second example:

Code:

a href="javascript:void(0);" class="create_project"><img src="b.create.off.gif" width="99" height="45" border="0" id="Image51" onMouseOver="MM_swapImage('Image51','','b.create.on.gif',1)" onMouseOut="MM_swapImgRestore()">

I don't see why it would work in ANY browser. That is not even an HTML tag. I changed it to this for my test:

HTML Code:

<a href="javascript:void(0);" class="create_project">test</a>

**empiresolutions** · 03-19-2010, 11:02 AM

interesting. im gonna have to strip my code down a lot and see whats breaking it. as for the code, its all there in my code. the C&P was incomplete.

**wayfarer07** · 03-19-2010, 12:51 PM

Here's the exact complete HTML I used to test Safari:

HTML Code:

<html>
<head><title>test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<a href="javascript:void(0);" class="create_project">test</a>
<script language="Javascript">
<!--

    $(document).ready(function() {
            $('.create_project').click(function(){
            alert('its working');
        });
    });

//-->
</script>
</body>
</html>

You should note that putting the  tags inside your SCRIPT tags doesn't matter any more. It's an artifact from the days that some browsers did not understand JavaScript and would display it as text. Those days have long past.