dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Jquery Conflict

  1. #1
    Join Date
    May 2012
    Posts
    4

    Jquery Conflict

    I have a critical problem.

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

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

    Here is the code:

    PHP Code:
    <?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($handle1000",")) !== 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>

    Please solve it asap.

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    2,589
    Try asking in the JQuery (Javascript frameworks) forum.
    If your post falls off the page, bump it. ...
    Please remember to wrap any code you have in forum tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles