-
JQuery + PHP
Hi Guys,
I'm sorry if this is not completely php related, but would really appriciate any help?
I have the below code that works ok on Firefox, but not IE7.
when one click on <a href="#">{$mediaItem.title}</a> it goes back to the same page, but picks up on the JQuery that then brings up a dialogue box. this works ok on Mozz, but is not on IE7, if any of you can spot something wrong plz correct me :blush:
HTML Code:
<head>
{* CODE FOR POPUP TIPS, DO NOT REMOVE *}
<!--[if gte IE 5.5]>
<![if lte IE 6]>
<iframe id="shim" src="" style="position:absolute;display:none;filter:progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');" scrolling="no" frameborder="0"></iframe>
<iframe id="shim2" src="" style="position:absolute;display:none;filter:progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');" scrolling="no" frameborder="0"></iframe>
<![endif]>
<![endif]-->
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
{foreach item=mediaItem from=$exclusiveMediaArray key=y}
<tr onClick="modalLogin({$mediaItem.id}, event)" style="cursor: pointer">
<td valign="top" class="welcome_newsphoto"><div class="welcome_frame">
<img src="{$mediaItem.photoUrl}" width="59" height="76" border="0"></div></td>
<td valign="top" class="welcome_newsitem"><b><a href="#">{$mediaItem.title}</a></b><br>
<b>{$mediaItem.source}</b><br>{$mediaItem.source_title}
<!--<br><div class="welcome_item_published">Published in: {$mediaItem.channel}</div>-->
</td>
</tr>
{/foreach}
</table></td>
<td class="welcome_newscontainer" valign="top">
{include file="widget_user_alumni_features.tpl"}
</td>
</tr>
</table>
JQuery
HTML Code:
$aditionalHeaders = "
<link rel=\"stylesheet\" type=\"text/css\" href=\"templates/fab.dialog.css\" />
<script type=\"text/javascript\" src=\"include/js/ui-1.5.2/ui.core.js\"></script>
<script type=\"text/javascript\" src=\"include/js/ui-1.5.2/ui.dialog.js\"></script>
<script type=\"text/javascript\">
function modalLogin(mediaId, evt)
{
evt.preventDefault();
var modalWinLogin = (mediaId == 0) ? \"#modalLogin2\" : \"#modalLogin\";
var url = (mediaId == 0) ? \"\" : \"media_detail.php?id=\" + mediaId;
var closeLink = (mediaId == 0) ? \"#closeLink2\" : \"#closeLink\";
jQuery(modalWinLogin).dialog({
modal: true,
width: \"470\",
height: \"100px\",
overlay: {
opacity: \"0.6\",
background: \"#000000\"
}
});
jQuery(closeLink)
.css(\"font-weight\", \"bold\")
.css(\"cursor\", \"pointer\")
.css(\"margin-bottom\", \"10px\")
.click(
function()
{
jQuery(modalWinLogin).dialog(\"close\");
}
);
var redirectLink = jQuery(\"#redirect\").attr(\"href\");
jQuery(\"#redirect\").attr(\"href\", redirectLink + \"?url=\" + url);
jQuery(modalWinLogin).show();
}
</script>";
cheers
