/    Sign up×
Community /Pin to ProfileBookmark

Jquery Conflict

I have a critical problem.

Please check this link: [url]http://webgraphicsexpert.com/calin/thankyou1-test.php[/url]

When Video Popup is working, then bottom fadein fadeout text is not working.

Here is the code:

[code=php]
<?php
@session_start();
$buylink1 = “http://b-unitd.com/?b=8&id=106854&m=723&c=” . $_COOKIE[‘clickID’];

@session_start();
$buylink2 = “http://www.amberoptions.com/OpenAccount?campaign=12&p=” . $_COOKIE[‘clickID’];
?>

<?php
$clickid=”;
if (isset($_COOKIE[‘clickID’])) $clickid = $_COOKIE[‘clickID’];
else {
session_start();
if (isset($_SESSION[‘clickID’])) $clickid = $_SESSION[‘clickID’];
}

include(“functions/string_functions.php”);
include(“functions/validation_functions.php”);
include(“functions/file_functions.php”);

$valerror = new validationErrors();
$file_name =’data.csv’;
if (!$handle = fopen($file_name, “r”))
{
$valerror->addErr(‘Could not open ‘.$file_name);
}
else
{
$i=0;
while (($csv_data = fgetcsv($handle, 1000, “,”)) !== FALSE)
{
$email_ids[]=$csv_data[0];
}
fclose ($handle);
}
shuffle($email_ids);
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”js/mootools.js”></script>
<script type=”text/javascript” src=”js/swfobject.js”></script>
<script type=”text/javascript” src=”js/videobox.js”></script>
<link rel=”stylesheet” href=”css/videobox.css” type=”text/css” media=”screen” />

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>
<style type=”text/css”>
<!–
.vida {
background-image: url(images/testi1.png);
background-repeat: no-repeat;
height: 167px;
width: 255px;
float: left;
}
.vida:hover {
background-image: url(images/testi1.png);
background-repeat: no-repeat;
height: 167px;
width: 255px;
float: left;
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=30)”;
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
cursor:pointer;
background-color: #000000;
}
.vidb {
background-image: url(images/testi2.png);
background-repeat: no-repeat;
height: 167px;
width: 255px;
float: left;
}
.vidb:hover {
background-image: url(images/testi2.png);
background-repeat: no-repeat;
height: 167px;
width: 255px;
float: left;
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=30)”;
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
cursor:pointer;
background-color: #000000;
}
.vidc {
background-image: url(images/testi3.png);
background-repeat: no-repeat;
height: 167px;
width: 255px;
float: left;
}
.vidc:hover {
background-image: url(images/testi3.png);
background-repeat: no-repeat;
height: 167px;
width: 255px;
float: left;
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=30)”;
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
cursor:pointer;
background-color: #000000;
}

#fxd-area1 {
width: 220px;
position: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
bottom: 0px;
margin-bottom: 20px;
background: rgb(255,175,75); /* Old browsers */
/* IE9 SVG, needs conditional override of ‘filter’ to ‘none’ */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffaf4b’, endColorstr=’#ff920a’,GradientType=0 ); /* IE6-8 */
left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
#fxd-area1 p {
padding-right: 10px;
padding-left: 10px;
text-align: center;
vertical-align: middle;
}
.quotes {display: none;}
–>
</style>

<script>
jQuery.noConflict();
// Use jQuery via jQuery(…)
jQuery(document).ready(function(){
jQuery(“Videobox”).hide();
});
// Use Prototype with $(…), etc.
$(‘quotes’).hide();
</script>

</head>

<body>

<table width=”825″ border=”0″ align=”center” cellpadding=”10″ cellspacing=”0″>
<tr>
<td width=”255″ align=”center” valign=”top”><div class=”vida”><a rel=”vidbox” title=”Lori Canada testimonial” href=”http://www.youtube.com/watch?v=-ZvKnoP7jfY”><div style=”width:255px; height:167px;”></div></a></div></td>
<td width=”255″ align=”center” valign=”top” target=”_blank”><div class=”vidb”><a rel=”vidbox” title=”Keith US testimonial” href=”http://www.youtube.com/watch?v=Jrjfc6u9jiA”><div style=”width:255px; height:167px;”></div></a></div></td>
<td width=”255″ align=”center” valign=”top”><div class=”vidc”><a rel=”vidbox” title=”Bethan UK Testimonial” href=”http://www.youtube.com/watch?v=Op821R5Mt6w” target=”_blank”><div style=”width:255px; height:167px;”></div></a></div></td>
</tr>
</table>
<div id=”fxd-area1″>

<?php
$nameCount = 0;
foreach($email_ids as $email_id)
{
?>
<p align=”center” class=”quotes”><?php echo $email_id;?> just made $<?php echo number_format(rand(100,15000));?></p>
<?php
}
?>
</div>

<script type=’text/javascript’>//<![CDATA[

(function() {

var quotes = $(“.quotes”);
var quoteIndex = -1;

function showNextQuote() {
++quoteIndex;
quotes.eq(quoteIndex % quotes.length)
.fadeIn(4000)
.delay(15000)
.fadeOut(4000, showNextQuote);
}

showNextQuote();

})();
//]]>

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

[/code]

Please solve it asap.

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@rootJul 01.2014 — Try asking in the JQuery (Javascript frameworks) forum.
×

Success!

Help @bjsudipta spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...