Avatar billede craver35 Nybegynder
17. april 2012 - 13:22 Der er 20 kommentarer og
1 løsning

Hjælp til at få javascript vist på siden Jquery BlockUI Plugin

Hej Eksperter.

Jeg kunne godt tænke mig, at få Auto-unblock ind på min side, som i kan se en demo af her + koden
http://malsup.com/jquery/block/#demos

Mit problem er bare at jeg ikke ved hvordan jeg får det tilføjet til min side, da jeg overhovedet ikke har kendskab til javascript!

min kildekode på min side er som følger:

<?php
include("config.php");
include("lib/MyVideo.php");
$q=mysql_query("select * from settings");
$r=mysql_fetch_assoc($q);
$fbp=$r['fbpage'];
$fbid=$r['fbappid'];
$title=$r['title'];
?>

<?php
$vid=$_GET['id'];
$vq=mysql_query("select * from videos where video_id=$vid limit 1");

$vr=mysql_fetch_assoc($vq);
$upv=$vr['views']+1;
$vq1=mysql_query("update videos set `views`='$upv' where video_id=$vid");
$youtubeid = getYouTubeIdFromURL($vr[video_url]);
$youtubeurl = $vr[video_url];
$vtitle=substr($vr[video_title],0,20);
$vtitle=str_replace(" ","-",$vtitle);
function getYouTubeIdFromURL($url){  $url_string = parse_url($url, PHP_URL_QUERY);  parse_str($url_string, $args);  return isset($args['v']) ? $args['v'] : false;}
      ?>
<!DOCTYPE html>
<html><head>

<title><?php echo $vr[video_title].' - '.$r['title']; ?></title>
<?php echo $r['meta']; ?>

<meta name="description" content="<?php echo $vr[video_desc]; ?>" />
<meta name="keywords" content="<?php echo $r['keywords']; ?>" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<meta name="robots" content="index, follow" />


<meta property="og:type" content="website" />

<meta property="og:url" content="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" />
<meta property="og:image" content="http://i4.ytimg.com/vi/<?php echo $youtubeid; ?>/default.jpg" />
<meta property="og:title" content="<?php echo $vr[video_title]; ?>" />
<meta property="og:site_name" content="<?php echo $site_domain; ?>" />
<meta property="og:description" content="<?php echo $vr[video_desc]; ?>"/>
  <meta property="fb:app_id" content="<?php echo $fbid ?>"/>

<meta name="medium" content="video" />
    <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
   



   
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="css_styles/popup.css">
<link type="text/css" rel="stylesheet" href="fb-traffic-pop.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="fb-traffic-pop.js"></script>
<script type="text/javascript">

    $(document).ready(function(){       
                   
        $().facebookTrafficPop({
            timeout: 45,
            delay: 0,
            title: "Vent! Du skal lige gøre følgende:",
            message: '<center><strong>For at se videoen skal du se denne video, og like siden</strong><br><object type="text/html" data="http://damnfun.dk/video/video.php"></object>',
            url: "<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>",
            closeable: false
        });
       
    });

</script>
   
 

</head>
<body style="">
        <div class="fb-root"></div>
<script>
function share(url) {
    /* 
  $("#zoom").fadeOut('medium');
  */

 
window.open(url,"popup", "width=600px,height=300px,left=50%,top=50%,toolbar=0,status=0");
checkshare();
  }
  function checkshare(){
      setTimeout('$("#shared").val(1);', 3000);
     
  }
  function load_video(){
        if($("#shared").val() == "1"){
var cc = '<iframe width="640" height="410" src="embed.php?id=<?php echo $youtubeurl; ?>" frameborder="0" allowfullscreen></iframe>';

$("#overlay").remove();
        $("#vspace").html(cc);
       
        }else{
            alert("Please Share this video on Facebook, then click play");           
        }
 
  }


  window.fbAsyncInit = function() {
    FB.init({appId: '<?php echo urlencode($fbid); ?>', status: true, cookie: true,
            xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<div id="header_main">
<input type=hidden value=0 id="shared"/>
<div id="all">
    <div id="header">
   
            <a class="logo" href="index.html"><img src="images/logo.png" alt="<?php echo $r['title']; ?>" width="299" height="65" /></a>
           
            <div style="position:absolute; top:25px; right:175px;">

                <a href="<?php echo $r['furl']; ?>" target="_blank"><img src="images/facebook.png" alt="Find us on Facebook" height="32" width="32"></a>

                <a href="<?php echo $r['turl']; ?>" target="_blank"><img src="images/twitter.png" alt="Find us on Twitter" height="32" width="32"></a>

                <a href="mailto:<?php echo $r['email']; ?>"><img src="images/mail.png" alt="Mail Us" height="32" width="32"></a>

            </div>
       
       
    </div>
     
       
        <ul id="menu"> 

<li><a href="index.html">Home</a></li>

<?php

$q=mysql_query("select * from cat order by cname");

while($r=mysql_fetch_assoc($q)){

echo "<li><a href='category-".strtolower($r['cname'])."-".$r['id']."-1.html'>".$r['cname']."</a></li>";

}

?>

</ul>
</div>
</div>
<div id="overall">
    <div id="col_left_2" style="background:#fff">
   
    <div style="float:left; margin-top:0px;">
    <div class="titre_index"><?php echo html_entity_decode($vr['video_title']); ?></div>
<div style="clear:both"></div> 
  <div class="vcads"> <?php
    $q=mysql_query("select * from ads where id=1");
$r=mysql_fetch_assoc($q);
echo $r['ad1'];

    ?></div>
    <div id="vspace">
    <div id="overlay">
    <div id="butons">
    <a id="share" onClick="share('http://www.facebook.com/sharer.php?u=<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>')" href="java script:void();"></a>
    <a id="play" onClick="load_video();" href="java script:void();"></a>
    </div>
    </div>
    </div>
        <div class="fblikes" >
    <div class="gplus"><!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this tag after the last plusone tag -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>
    <div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=<?php echo urlencode($fbid); ?>&amp;xfbml=1"></script><fb:like href="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" send="true" width="400" show_faces="true" font=""></fb:like>
    <div class="vvviews"><?php echo $vr['views']; ?> views</div></div>
   
    <div class="vvdis"><?php echo $vr['video_desc']; ?></div>
    <div class="vcads2"><?php echo $r['ad2'];?></div>
    <div id="fbc">
<div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" num_posts="2" width="620"></fb:comments>
</div>       
             
    </div>
    <div align="center">

    </div>
   
   
    </div>
    <div id="col_right_2">
<div class="c_vindex">
<div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="<?php echo urlencode($fbp); ?>" width="300" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>

</div>

  <div class="titre_bloc_index"> Popular Videos </div>

    <?php
    $q=mysql_query("select * from videos order by views desc  LIMIT 10 ");
    while($video=mysql_fetch_assoc($q)){
   
    $youtubeid = str_replace("watch?v=","",end(explode("/",$video['video_url'])));
      $youtubeid = reset(explode("&",$youtubeid));
     
    $thumb = "http://img.youtube.com/vi/$youtubeid/default.jpg";
      $file = "http://www.youtube.com/v/$youtubeid";
     
            echo '<a class="a_bloc" href="'.$video['video_id'].'_'.str_replace(" ","-",substr(html_entity_decode(strtolower($video['video_title'])),0,20)).'.html">
                <div class="bloc">
                <img src="'.$thumb.'" alt="'.$vtit.'" height="60" width="80">
                <div class="txt">'.$video['video_title'].'</div>
                </div></a>';
    }
    ?>
           
               

</div>
<?php include("footer.php");?>





Jeg håber i kan hjælpe mig med at få integreret javascriptet på min side

Mvh. Jeppe S
Avatar billede craver35 Nybegynder
17. april 2012 - 13:23 #1
Mvh. Jeppe S
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 14:11 #2
deres eks kan skrues ned til dette:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.blockUI.js"></script>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
        $.blockUI({
            message: '<h1>Auto-Unblock!</h1>',
            timeout: 5000
        });
    });

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


dette viser en popup besked (Auto-Unblock!) i 5 sek så snart siden starter op

hvis vi kigger på din egen $(document).ready(function() ville jeg prøve at lave denne ændring

$(document).ready(function(){

        $.blockUI({
            message: '<h1>Auto-Unblock!</h1>',
            timeout: 5000
        });

       
        $().facebookTrafficPop({
            timeout: 45,
            delay: 0,
            title: "Vent! Du skal lige gøre følgende:",
            message: '<center><strong>For at se videoen skal du se denne video, og like siden</strong><br><object type="text/html" data="http://damnfun.dk/ (...),
            url: "<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>",
            closeable: false
        });   
});
Avatar billede craver35 Nybegynder
17. april 2012 - 14:50 #3
Jeg har følgende kode nu, og det virker ikke, den vil ikke poppe up, jeg har fjernet Facebook Traffic Pop up, da den ikke virker i alle browsere...

Min nye kode efter jeg har brugt AUTO-Unblock:

<?php
include("config.php");
include("lib/MyVideo.php");
$q=mysql_query("select * from settings");
$r=mysql_fetch_assoc($q);
$fbp=$r['fbpage'];
$fbid=$r['fbappid'];
$title=$r['title'];
?>

<?php
$vid=$_GET['id'];
$vq=mysql_query("select * from videos where video_id=$vid limit 1");

$vr=mysql_fetch_assoc($vq);
$upv=$vr['views']+1;
$vq1=mysql_query("update videos set `views`='$upv' where video_id=$vid");
$youtubeid = getYouTubeIdFromURL($vr[video_url]);
$youtubeurl = $vr[video_url];
$vtitle=substr($vr[video_title],0,20);
$vtitle=str_replace(" ","-",$vtitle);
function getYouTubeIdFromURL($url){  $url_string = parse_url($url, PHP_URL_QUERY);  parse_str($url_string, $args);  return isset($args['v']) ? $args['v'] : false;}
      ?>
<!DOCTYPE html>
<html>
<head>

<title><?php echo $vr[video_title].' - '.$r['title']; ?></title>
<?php echo $r['meta']; ?>

<meta name="description" content="<?php echo $vr[video_desc]; ?>" />
<meta name="keywords" content="<?php echo $r['keywords']; ?>" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<meta name="robots" content="index, follow" />


<meta property="og:type" content="website" />

<meta property="og:url" content="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" />
<meta property="og:image" content="http://i4.ytimg.com/vi/<?php echo $youtubeid; ?>/default.jpg" />
<meta property="og:title" content="<?php echo $vr[video_title]; ?>" />
<meta property="og:site_name" content="<?php echo $site_domain; ?>" />
<meta property="og:description" content="<?php echo $vr[video_desc]; ?>"/>
  <meta property="fb:app_id" content="<?php echo $fbid ?>"/>

<meta name="medium" content="video" />
    <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
   



   
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ (...)
<script type="text/javascript" src="jquery.blockUI.js"></script>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
        $.blockUI({
            message: '<h1>Auto-Unblock!</h1>',
            timeout: 10000
        });
    });
</script>
   
 

</head>
<body style="">
        <div class="fb-root"></div>
<script>
function share(url) {
    /* 
  $("#zoom").fadeOut('medium');
  */

 
window.open(url,"popup", "width=600px,height=300px,left=50%,top=50%,toolbar=0,status=0");
checkshare();
  }
  function checkshare(){
      setTimeout('$("#shared").val(1);', 3000);
     
  }
  function load_video(){
        if($("#shared").val() == "1"){
var cc = '<iframe width="640" height="410" src="embed.php?id=<?php echo $youtubeurl; ?>" frameborder="0" allowfullscreen></iframe>';

$("#overlay").remove();
        $("#vspace").html(cc);
       
        }else{
            alert("Please Share this video on Facebook, then click play");           
        }
 
  }


  window.fbAsyncInit = function() {
    FB.init({appId: '<?php echo urlencode($fbid); ?>', status: true, cookie: true,
            xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<div id="header_main">
<input type=hidden value=0 id="shared"/>
<div id="all">
    <div id="header">
   
            <a class="logo" href="index.html"><img src="images/logo.png" alt="<?php echo $r['title']; ?>" width="299" height="65" /></a>
           
            <div style="position:absolute; top:25px; right:175px;">

                <a href="<?php echo $r['furl']; ?>" target="_blank"><img src="images/facebook.png" alt="Find us on Facebook" height="32" width="32"></a>

                <a href="<?php echo $r['turl']; ?>" target="_blank"><img src="images/twitter.png" alt="Find us on Twitter" height="32" width="32"></a>

                <a href="mailto:<?php echo $r['email']; ?>"><img src="images/mail.png" alt="Mail Us" height="32" width="32"></a>

            </div>
       
       
    </div>
     
       
        <ul id="menu"> 

<li><a href="index.html">Home</a></li>

<?php

$q=mysql_query("select * from cat order by cname");

while($r=mysql_fetch_assoc($q)){

echo "<li><a href='category-".strtolower($r['cname'])."-".$r['id']."-1.html'>".$r['cname']."</a></li>";

}

?>

</ul>
</div>
</div>
<div id="overall">
    <div id="col_left_2" style="background:#fff">
   
    <div style="float:left; margin-top:0px;">
    <div class="titre_index"><?php echo html_entity_decode($vr['video_title']); ?></div>
<div style="clear:both"></div> 
  <div class="vcads"> <?php
    $q=mysql_query("select * from ads where id=1");
$r=mysql_fetch_assoc($q);
echo $r['ad1'];

    ?></div>
    <div id="vspace">
    <div id="overlay">
    <div id="butons">
    <a id="share" onClick="share('http://www.facebook.com/sharer.php?u=<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>')" href="java script:void();"></a>
    <a id="play" onClick="load_video();" href="java script:void();"></a>
    </div>
    </div>
    </div>
        <div class="fblikes" >
    <div class="gplus"><!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this tag after the last plusone tag -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>
    <div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=<?php echo urlencode($fbid); ?>&amp;xfbml=1"></script><fb:like href="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" send="true" width="400" show_faces="true" font=""></fb:like>
    <div class="vvviews"><?php echo $vr['views']; ?> views</div></div>
   
    <div class="vvdis"><?php echo $vr['video_desc']; ?></div>
    <div class="vcads2"><?php echo $r['ad2'];?></div>
    <div id="fbc">
<div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" num_posts="2" width="620"></fb:comments>
</div>       
             
    </div>
    <div align="center">

    </div>
   
   
    </div>
    <div id="col_right_2">
<div class="c_vindex">
<div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="<?php echo urlencode($fbp); ?>" width="300" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>

</div>

  <div class="titre_bloc_index"> Popular Videos </div>

    <?php
    $q=mysql_query("select * from videos order by views desc  LIMIT 10 ");
    while($video=mysql_fetch_assoc($q)){
   
    $youtubeid = str_replace("watch?v=","",end(explode("/",$video['video_url'])));
      $youtubeid = reset(explode("&",$youtubeid));
     
    $thumb = "http://img.youtube.com/vi/$youtubeid/default.jpg";
      $file = "http://www.youtube.com/v/$youtubeid";
     
            echo '<a class="a_bloc" href="'.$video['video_id'].'_'.str_replace(" ","-",substr(html_entity_decode(strtolower($video['video_title'])),0,20)).'.html">
                <div class="bloc">
                <img src="'.$thumb.'" alt="'.$vtit.'" height="60" width="80">
                <div class="txt">'.$video['video_title'].'</div>
                </div></a>';
    }
    ?>
           
               

</div>
<?php include("footer.php");?>





Håber du kan hjælpe! :)

Mvh. Jeppe S
Avatar billede craver35 Nybegynder
17. april 2012 - 14:52 #4
Ps i message der skal følgende video være som jeg har koden på her, håber det er muligt! :)

<div id="gv_target_5726113313331070471368275"></div>
<script>!function(d, s, id) {
    var js, pjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "http://player-services.video-loader.com/embed-code/index/find?placementVersionId=5726113313331070471368275";
    pjs.parentNode.insertBefore(js, pjs);
}(document, 'script', 'gv_script_5726113313331070471368275');</script>

mvh. Jeppe S
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 15:13 #5
>det virker ikke, den vil ikke poppe up,
hvad sker der ??, får du nogle fejl meldinger ??

ligger jquery.blockUI.js hvor du angiver ??
<script type="text/javascript" src="http://ajax.googleapis.com/ (...) fejler
skulle det være denne
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
den forsøger at kalde ??, så løber du ind i et problem med at sidst kaldte overskriver den første.

prøv mit eks!! det virker


#4
>Ps i message der skal følgende video være som jeg har koden på her, håber det er muligt! :)
uden at tænke meget over det, kan jeg så regne ud du kun vil vise 10 sek af videoen :(, da message pop uppen kun vil være fremme i 10 sek
Avatar billede craver35 Nybegynder
17. april 2012 - 15:18 #6
Jeg har uploadet hele og du kan se koden i aktion her:

http://damnfun.dk/56_levante-vs-fc-barcel.html

Jeg har prøvet dit eksempel altså den her kode:

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ (...)
<script type="text/javascript" src="jquery.blockUI.js"></script>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
        $.blockUI({
            message: '<h1>Auto-Unblock!</h1>',
            timeout: 5000
        });
    });
</script>


Jeg har uploadet jquery.blockUI.js i roden af min side.
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 15:21 #7
hvis min antagelse er rigtig er det dette
http://videolightbox.com/
du vil lave
Avatar billede craver35 Nybegynder
17. april 2012 - 15:22 #8
Min kode nu:



<?php
include("config.php");
include("lib/MyVideo.php");
$q=mysql_query("select * from settings");
$r=mysql_fetch_assoc($q);
$fbp=$r['fbpage'];
$fbid=$r['fbappid'];
$title=$r['title'];
?>

<?php
$vid=$_GET['id'];
$vq=mysql_query("select * from videos where video_id=$vid limit 1");

$vr=mysql_fetch_assoc($vq);
$upv=$vr['views']+1;
$vq1=mysql_query("update videos set `views`='$upv' where video_id=$vid");
$youtubeid = getYouTubeIdFromURL($vr[video_url]);
$youtubeurl = $vr[video_url];
$vtitle=substr($vr[video_title],0,20);
$vtitle=str_replace(" ","-",$vtitle);
function getYouTubeIdFromURL($url){  $url_string = parse_url($url, PHP_URL_QUERY);  parse_str($url_string, $args);  return isset($args['v']) ? $args['v'] : false;}
      ?>
<!DOCTYPE html>
<html>
<head>

<title><?php echo $vr[video_title].' - '.$r['title']; ?></title>
<?php echo $r['meta']; ?>

<meta name="description" content="<?php echo $vr[video_desc]; ?>" />
<meta name="keywords" content="<?php echo $r['keywords']; ?>" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<meta name="robots" content="index, follow" />


<meta property="og:type" content="website" />

<meta property="og:url" content="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" />
<meta property="og:image" content="http://i4.ytimg.com/vi/<?php echo $youtubeid; ?>/default.jpg" />
<meta property="og:title" content="<?php echo $vr[video_title]; ?>" />
<meta property="og:site_name" content="<?php echo $site_domain; ?>" />
<meta property="og:description" content="<?php echo $vr[video_desc]; ?>"/>
  <meta property="fb:app_id" content="<?php echo $fbid ?>"/>

<meta name="medium" content="video" />

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ (...)
<script type="text/javascript" src="jquery.blockUI.js"></script>
    <style type="text/css">
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
        $.blockUI({
            message: '<h1>Auto-Unblock!</h1>',
            timeout: 5000
        });
    });
</script>


   
 

</head>
<body style="">
        <div class="fb-root"></div>
<script>
function share(url) {
    /* 
  $("#zoom").fadeOut('medium');
  */

 
window.open(url,"popup", "width=600px,height=300px,left=50%,top=50%,toolbar=0,status=0");
checkshare();
  }
  function checkshare(){
      setTimeout('$("#shared").val(1);', 3000);
     
  }
  function load_video(){
        if($("#shared").val() == "1"){
var cc = '<iframe width="640" height="410" src="embed.php?id=<?php echo $youtubeurl; ?>" frameborder="0" allowfullscreen></iframe>';

$("#overlay").remove();
        $("#vspace").html(cc);
       
        }else{
            alert("Please Share this video on Facebook, then click play");           
        }
 
  }


  window.fbAsyncInit = function() {
    FB.init({appId: '<?php echo urlencode($fbid); ?>', status: true, cookie: true,
            xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<div id="header_main">
<input type=hidden value=0 id="shared"/>
<div id="all">
    <div id="header">
   
            <a class="logo" href="index.html"><img src="images/logo.png" alt="<?php echo $r['title']; ?>" width="299" height="65" /></a>
           
            <div style="position:absolute; top:25px; right:175px;">

                <a href="<?php echo $r['furl']; ?>" target="_blank"><img src="images/facebook.png" alt="Find us on Facebook" height="32" width="32"></a>

                <a href="<?php echo $r['turl']; ?>" target="_blank"><img src="images/twitter.png" alt="Find us on Twitter" height="32" width="32"></a>

                <a href="mailto:<?php echo $r['email']; ?>"><img src="images/mail.png" alt="Mail Us" height="32" width="32"></a>

            </div>
       
       
    </div>
     
       
        <ul id="menu"> 

<li><a href="index.html">Home</a></li>

<?php

$q=mysql_query("select * from cat order by cname");

while($r=mysql_fetch_assoc($q)){

echo "<li><a href='category-".strtolower($r['cname'])."-".$r['id']."-1.html'>".$r['cname']."</a></li>";

}

?>

</ul>
</div>
</div>
<div id="overall">
    <div id="col_left_2" style="background:#fff">
   
    <div style="float:left; margin-top:0px;">
    <div class="titre_index"><?php echo html_entity_decode($vr['video_title']); ?></div>
<div style="clear:both"></div> 
  <div class="vcads"> <?php
    $q=mysql_query("select * from ads where id=1");
$r=mysql_fetch_assoc($q);
echo $r['ad1'];

    ?></div>
    <div id="vspace">
    <div id="overlay">
    <div id="butons">
    <a id="share" onClick="share('http://www.facebook.com/sharer.php?u=<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>')" href="java script:void();"></a>
    <a id="play" onClick="load_video();" href="java script:void();"></a>
    </div>
    </div>
    </div>
        <div class="fblikes" >
    <div class="gplus"><!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this tag after the last plusone tag -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>
    <div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=<?php echo urlencode($fbid); ?>&amp;xfbml=1"></script><fb:like href="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" send="true" width="400" show_faces="true" font=""></fb:like>
    <div class="vvviews"><?php echo $vr['views']; ?> views</div></div>
   
    <div class="vvdis"><?php echo $vr['video_desc']; ?></div>
    <div class="vcads2"><?php echo $r['ad2'];?></div>
    <div id="fbc">
<div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="<?php echo $site_domain."/".$vr[video_id]."_".$vtitle.".html"; ?>" num_posts="2" width="620"></fb:comments>
</div>       
             
    </div>
    <div align="center">

    </div>
   
   
    </div>
    <div id="col_right_2">
<div class="c_vindex">
<div class="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="<?php echo urlencode($fbp); ?>" width="300" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>

</div>

  <div class="titre_bloc_index"> Popular Videos </div>

    <?php
    $q=mysql_query("select * from videos order by views desc  LIMIT 10 ");
    while($video=mysql_fetch_assoc($q)){
   
    $youtubeid = str_replace("watch?v=","",end(explode("/",$video['video_url'])));
      $youtubeid = reset(explode("&",$youtubeid));
     
    $thumb = "http://img.youtube.com/vi/$youtubeid/default.jpg";
      $file = "http://www.youtube.com/v/$youtubeid";
     
            echo '<a class="a_bloc" href="'.$video['video_id'].'_'.str_replace(" ","-",substr(html_entity_decode(strtolower($video['video_title'])),0,20)).'.html">
                <div class="bloc">
                <img src="'.$thumb.'" alt="'.$vtit.'" height="60" width="80">
                <div class="txt">'.$video['video_title'].'</div>
                </div></a>';
    }
    ?>
           
               

</div>
<?php include("footer.php");?>
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 15:24 #9
fra din side linje 31
<script type="text/javascript" src="http://ajax.googleapis.com/ (...)

du får aldrig kaldt dit jquery lib
du anvender en smadret link fra E :( den skal rettes når du kopierer coden ud :(

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 15:26 #10
Avatar billede craver35 Nybegynder
17. april 2012 - 15:37 #11
Scriptet virker nu, men nu vil jeg gerne have at der i boksen der popper frem skal afspille det her styk kode, som er en video:

<div id="gv_target_5726113313331070471368275"></div>
<script>!function(d, s, id) {
    var js, pjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "http://player-services.video-loader.com/embed-code/index/find?placementVersionId=5726113313331070471368275";
    pjs.parentNode.insertBefore(js, pjs);
}(document, 'script', 'gv_script_5726113313331070471368275');</script>


Mvh. Jeppe S
Avatar billede craver35 Nybegynder
17. april 2012 - 15:47 #12
Har løst det med videoen, nu er problemet bare, hvordan ændrer jeg højden på boksen til 500 px? :)

Mvh. Jeppe S
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 16:18 #13
prøv at sætte css
<script type="text/javascript">
$(document).ready(function() {
    $.blockUI({
        message: '<h1>Auto-Unblock!</h1>',
        timeout: 5000,
        css: {    
            height: '500px'               
        }

    });
});
</script>
Avatar billede craver35 Nybegynder
17. april 2012 - 16:30 #14
Jeg har også denne kode fra jquery.blockUI.js, ved ikke om det måske er der man skal ændre noget? :) Fordi din stump kode virker ikke :(

/*!
* jQuery blockUI plugin
* Version 2.39 (23-MAY-2011)
* @requires jQuery v1.2.3 or later
*
* Examples at: http://malsup.com/jquery/block/
* Copyright (c) 2007-2010 M. Alsup
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Thanks to Amir-Hossein Sobhi for some excellent contributions!
*/

;(function($) {

if (/1\.(0|1|2)\.(0|1|2)/.test($.fn.jquery) || /^1.1/.test($.fn.jquery)) {
    alert('blockUI requires jQuery v1.2.3 or later!  You are using v' + $.fn.jquery);
    return;
}

$.fn._fadeIn = $.fn.fadeIn;

var noOp = function() {};

// this bit is to ensure we don't call setExpression when we shouldn't (with extra muscle to handle
// retarded userAgent strings on Vista)
var mode = document.documentMode || 0;
var setExpr = $.browser.msie && (($.browser.version < 8 && !mode) || mode < 8);
var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent) && !mode;

// global $ methods for blocking/unblocking the entire page
$.blockUI  = function(opts) { install(window, opts); };
$.unblockUI = function(opts) { remove(window, opts); };

// convenience method for quick growl-like notifications  (http://www.google.com/search?q=growl)
$.growlUI = function(title, message, timeout, onClose) {
    var $m = $('<div class="growlUI"></div>');
    if (title) $m.append('<h1>'+title+'</h1>');
    if (message) $m.append('<h2>'+message+'</h2>');
    if (timeout == undefined) timeout = 3000;
    $.blockUI({
        message: $m, fadeIn: 700, fadeOut: 1000, centerY: false,
        timeout: timeout, showOverlay: false,
        onUnblock: onClose,
        css: $.blockUI.defaults.growlCSS
    });
};

// plugin method for blocking element content
$.fn.block = function(opts) {
    return this.unblock({ fadeOut: 0 }).each(function() {
        if ($.css(this,'position') == 'static')
            this.style.position = 'relative';
        if ($.browser.msie)
            this.style.zoom = 1; // force 'hasLayout'
        install(this, opts);
    });
};

// plugin method for unblocking element content
$.fn.unblock = function(opts) {
    return this.each(function() {
        remove(this, opts);
    });
};

$.blockUI.version = 2.39; // 2nd generation blocking at no extra cost!

// override these in your code to change the default behavior and style
$.blockUI.defaults = {
    // message displayed when blocking (use null for no message)
    message:  '<h1>Please wait...</h1>',

    title: null,      // title string; only used when theme == true
    draggable: true,  // only used when theme == true (requires jquery-ui.js to be loaded)
   
    theme: false, // set to true to use with jQuery UI themes
   
    // styles for the message when blocking; if you wish to disable
    // these and use an external stylesheet then do this in your code:
    // $.blockUI.defaults.css = {};
    css: {
        padding:    0,
        margin:        0,
        width:        '30%',
        top:        '40%',
        left:        '35%',
        textAlign:    'center',
        color:        '#000',
        border:        '3px solid #aaa',
        backgroundColor:'#fff',
        cursor:        ''
    },
   
    // minimal style set used when themes are used
    themedCSS: {
        width:    '30%',
        top:    '40%',
        left:    '35%'
    },

    // styles for the overlay
    overlayCSS:  {
        backgroundColor: '#000',
        opacity:          0.6,
        cursor:              'wait'
    },

    // styles applied when using $.growlUI
    growlCSS: {
        width:      '350px',
        top:        '10px',
        left:      '',
        right:      '10px',
        border:     'none',
        padding:    '5px',
        opacity:    0.6,
        cursor:     'default',
        color:        '#fff',
        backgroundColor: '#000',
        '-webkit-border-radius': '10px',
        '-moz-border-radius':    '10px',
        'border-radius':         '10px'
    },
   
    // IE issues: 'about:blank' fails on HTTPS and java script:false is s-l-o-w
    // (hat tip to Jorge H. N. de Vasconcelos)
    iframeSrc: /^https/i.test(window.location.href || '') ? 'java script:false' : 'about:blank',

    // force usage of iframe in non-IE browsers (handy for blocking applets)
    forceIframe: false,

    // z-index for the blocking overlay
    baseZ: 1000,

    // set these to true to have the message automatically centered
    centerX: true, // <-- only effects element blocking (page block controlled via css above)
    centerY: true,

    // allow body element to be stetched in ie6; this makes blocking look better
    // on "short" pages.  disable if you wish to prevent changes to the body height
    allowBodyStretch: true,

    // enable if you want key and mouse events to be disabled for content that is blocked
    bindEvents: true,

    // be default blockUI will supress tab navigation from leaving blocking content
    // (if bindEvents is true)
    constrainTabKey: true,

    // fadeIn time in millis; set to 0 to disable fadeIn on block
    fadeIn:  200,

    // fadeOut time in millis; set to 0 to disable fadeOut on unblock
    fadeOut:  400,

    // time in millis to wait before auto-unblocking; set to 0 to disable auto-unblock
    timeout: 0,

    // disable if you don't want to show the overlay
    showOverlay: true,

    // if true, focus will be placed in the first available input field when
    // page blocking
    focusInput: true,

    // suppresses the use of overlay styles on FF/Linux (due to performance issues with opacity)
    applyPlatformOpacityRules: true,
   
    // callback method invoked when fadeIn has completed and blocking message is visible
    onBlock: null,

    // callback method invoked when unblocking has completed; the callback is
    // passed the element that has been unblocked (which is the window object for page
    // blocks) and the options that were passed to the unblock call:
    //    onUnblock(element, options)
    onUnblock: null,

    // don't ask; if you really must know: http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493
    quirksmodeOffsetHack: 4,

    // class name of the message block
    blockMsgClass: 'blockMsg'
};

// private data and functions follow...

var pageBlock = null;
var pageBlockEls = [];

function install(el, opts) {
    var full = (el == window);
    var msg = opts && opts.message !== undefined ? opts.message : undefined;
    opts = $.extend({}, $.blockUI.defaults, opts || {});
    opts.overlayCSS = $.extend({}, $.blockUI.defaults.overlayCSS, opts.overlayCSS || {});
    var css = $.extend({}, $.blockUI.defaults.css, opts.css || {});
    var themedCSS = $.extend({}, $.blockUI.defaults.themedCSS, opts.themedCSS || {});
    msg = msg === undefined ? opts.message : msg;

    // remove the current block (if there is one)
    if (full && pageBlock)
        remove(window, {fadeOut:0});

    // if an existing element is being used as the blocking content then we capture
    // its current place in the DOM (and current display style) so we can restore
    // it when we unblock
    if (msg && typeof msg != 'string' && (msg.parentNode || msg.jquery)) {
        var node = msg.jquery ? msg[0] : msg;
        var data = {};
        $(el).data('blockUI.history', data);
        data.el = node;
        data.parent = node.parentNode;
        data.display = node.style.display;
        data.position = node.style.position;
        if (data.parent)
            data.parent.removeChild(node);
    }

    $(el).data('blockUI.onUnblock', opts.onUnblock);
    var z = opts.baseZ;

    // blockUI uses 3 layers for blocking, for simplicity they are all used on every platform;
    // layer1 is the iframe layer which is used to supress bleed through of underlying content
    // layer2 is the overlay layer which has opacity and a wait cursor (by default)
    // layer3 is the message content that is displayed while blocking

    var lyr1 = ($.browser.msie || opts.forceIframe)
        ? $('<iframe class="blockUI" style="z-index:'+ (z++) +';display:none;border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="'+opts.iframeSrc+'"></iframe>')
        : $('<div class="blockUI" style="display:none"></div>');
   
    var lyr2 = opts.theme
        ? $('<div class="blockUI blockOverlay ui-widget-overlay" style="z-index:'+ (z++) +';display:none"></div>')
        : $('<div class="blockUI blockOverlay" style="z-index:'+ (z++) +';display:none;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0"></div>');

    var lyr3, s;
    if (opts.theme && full) {
        s = '<div class="blockUI ' + opts.blockMsgClass + ' blockPage ui-dialog ui-widget ui-corner-all" style="z-index:'+(z+10)+';display:none;position:fixed">' +
                '<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">'+(opts.title || '&nbsp;')+'</div>' +
                '<div class="ui-widget-content ui-dialog-content"></div>' +
            '</div>';
    }
    else if (opts.theme) {
        s = '<div class="blockUI ' + opts.blockMsgClass + ' blockElement ui-dialog ui-widget ui-corner-all" style="z-index:'+(z+10)+';display:none;position:absolute">' +
                '<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">'+(opts.title || '&nbsp;')+'</div>' +
                '<div class="ui-widget-content ui-dialog-content"></div>' +
            '</div>';
    }
    else if (full) {
        s = '<div class="blockUI ' + opts.blockMsgClass + ' blockPage" style="z-index:'+(z+10)+';display:none;position:fixed"></div>';
    }           
    else {
        s = '<div class="blockUI ' + opts.blockMsgClass + ' blockElement" style="z-index:'+(z+10)+';display:none;position:absolute"></div>';
    }
    lyr3 = $(s);

    // if we have a message, style it
    if (msg) {
        if (opts.theme) {
            lyr3.css(themedCSS);
            lyr3.addClass('ui-widget-content');
        }
        else
            lyr3.css(css);
    }

    // style the overlay
    if (!opts.theme && (!opts.applyPlatformOpacityRules || !($.browser.mozilla && /Linux/.test(navigator.platform))))
        lyr2.css(opts.overlayCSS);
    lyr2.css('position', full ? 'fixed' : 'absolute');

    // make iframe layer transparent in IE
    if ($.browser.msie || opts.forceIframe)
        lyr1.css('opacity',0.0);

    //$([lyr1[0],lyr2[0],lyr3[0]]).appendTo(full ? 'body' : el);
    var layers = [lyr1,lyr2,lyr3], $par = full ? $('body') : $(el);
    $.each(layers, function() {
        this.appendTo($par);
    });
   
    if (opts.theme && opts.draggable && $.fn.draggable) {
        lyr3.draggable({
            handle: '.ui-dialog-titlebar',
            cancel: 'li'
        });
    }

    // ie7 must use absolute positioning in quirks mode and to account for activex issues (when scrolling)
    var expr = setExpr && (!$.boxModel || $('object,embed', full ? null : el).length > 0);
    if (ie6 || expr) {
        // give body 100% height
        if (full && opts.allowBodyStretch && $.boxModel)
            $('html,body').css('height','100%');

        // fix ie6 issue when blocked element has a border width
        if ((ie6 || !$.boxModel) && !full) {
            var t = sz(el,'borderTopWidth'), l = sz(el,'borderLeftWidth');
            var fixT = t ? '(0 - '+t+')' : 0;
            var fixL = l ? '(0 - '+l+')' : 0;
        }

        // simulate fixed position
        $.each([lyr1,lyr2,lyr3], function(i,o) {
            var s = o[0].style;
            s.position = 'absolute';
            if (i < 2) {
                full ? s.setExpression('height','Math.max(document.body.scrollHeight, document.body.offsetHeight) - (jQuery.boxModel?0:'+opts.quirksmodeOffsetHack+') + "px"')
                    : s.setExpression('height','this.parentNode.offsetHeight + "px"');
                full ? s.setExpression('width','jQuery.boxModel && document.documentElement.clientWidth || document.body.clientWidth + "px"')
                    : s.setExpression('width','this.parentNode.offsetWidth + "px"');
                if (fixL) s.setExpression('left', fixL);
                if (fixT) s.setExpression('top', fixT);
            }
            else if (opts.centerY) {
                if (full) s.setExpression('top','(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"');
                s.marginTop = 0;
            }
            else if (!opts.centerY && full) {
                var top = (opts.css && opts.css.top) ? parseInt(opts.css.top) : 0;
                var expression = '((document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + '+top+') + "px"';
                s.setExpression('top',expression);
            }
        });
    }

    // show the message
    if (msg) {
        if (opts.theme)
            lyr3.find('.ui-widget-content').append(msg);
        else
            lyr3.append(msg);
        if (msg.jquery || msg.nodeType)
            $(msg).show();
    }

    if (($.browser.msie || opts.forceIframe) && opts.showOverlay)
        lyr1.show(); // opacity is zero
    if (opts.fadeIn) {
        var cb = opts.onBlock ? opts.onBlock : noOp;
        var cb1 = (opts.showOverlay && !msg) ? cb : noOp;
        var cb2 = msg ? cb : noOp;
        if (opts.showOverlay)
            lyr2._fadeIn(opts.fadeIn, cb1);
        if (msg)
            lyr3._fadeIn(opts.fadeIn, cb2);
    }
    else {
        if (opts.showOverlay)
            lyr2.show();
        if (msg)
            lyr3.show();
        if (opts.onBlock)
            opts.onBlock();
    }

    // bind key and mouse events
    bind(1, el, opts);

    if (full) {
        pageBlock = lyr3[0];
        pageBlockEls = $(':input:enabled:visible',pageBlock);
        if (opts.focusInput)
            setTimeout(focus, 20);
    }
    else
        center(lyr3[0], opts.centerX, opts.centerY);

    if (opts.timeout) {
        // auto-unblock
        var to = setTimeout(function() {
            full ? $.unblockUI(opts) : $(el).unblock(opts);
        }, opts.timeout);
        $(el).data('blockUI.timeout', to);
    }
};

// remove the block
function remove(el, opts) {
    var full = (el == window);
    var $el = $(el);
    var data = $el.data('blockUI.history');
    var to = $el.data('blockUI.timeout');
    if (to) {
        clearTimeout(to);
        $el.removeData('blockUI.timeout');
    }
    opts = $.extend({}, $.blockUI.defaults, opts || {});
    bind(0, el, opts); // unbind events

    if (opts.onUnblock === null) {
        opts.onUnblock = $el.data('blockUI.onUnblock');
        $el.removeData('blockUI.onUnblock');
    }

    var els;
    if (full) // crazy selector to handle odd field errors in ie6/7
        els = $('body').children().filter('.blockUI').add('body > .blockUI');
    else
        els = $('.blockUI', el);

    if (full)
        pageBlock = pageBlockEls = null;

    if (opts.fadeOut) {
        els.fadeOut(opts.fadeOut);
        setTimeout(function() { reset(els,data,opts,el); }, opts.fadeOut);
    }
    else
        reset(els, data, opts, el);
};

// move blocking element back into the DOM where it started
function reset(els,data,opts,el) {
    els.each(function(i,o) {
        // remove via DOM calls so we don't lose event handlers
        if (this.parentNode)
            this.parentNode.removeChild(this);
    });

    if (data && data.el) {
        data.el.style.display = data.display;
        data.el.style.position = data.position;
        if (data.parent)
            data.parent.appendChild(data.el);
        $(el).removeData('blockUI.history');
    }

    if (typeof opts.onUnblock == 'function')
        opts.onUnblock(el,opts);
};

// bind/unbind the handler
function bind(b, el, opts) {
    var full = el == window, $el = $(el);

    // don't bother unbinding if there is nothing to unbind
    if (!b && (full && !pageBlock || !full && !$el.data('blockUI.isBlocked')))
        return;
    if (!full)
        $el.data('blockUI.isBlocked', b);

    // don't bind events when overlay is not in use or if bindEvents is false
    if (!opts.bindEvents || (b && !opts.showOverlay))
        return;

    // bind anchors and inputs for mouse and key events
    var events = 'mousedown mouseup keydown keypress';
    b ? $(document).bind(events, opts, handler) : $(document).unbind(events, handler);

// former impl...
//      var $e = $('a,:input');
//      b ? $e.bind(events, opts, handler) : $e.unbind(events, handler);
};

// event handler to suppress keyboard/mouse events when blocking
function handler(e) {
    // allow tab navigation (conditionally)
    if (e.keyCode && e.keyCode == 9) {
        if (pageBlock && e.data.constrainTabKey) {
            var els = pageBlockEls;
            var fwd = !e.shiftKey && e.target === els[els.length-1];
            var back = e.shiftKey && e.target === els[0];
            if (fwd || back) {
                setTimeout(function(){focus(back)},10);
                return false;
            }
        }
    }
    var opts = e.data;
    // allow events within the message content
    if ($(e.target).parents('div.' + opts.blockMsgClass).length > 0)
        return true;

    // allow events for content that is not being blocked
    return $(e.target).parents().children().filter('div.blockUI').length == 0;
};

function focus(back) {
    if (!pageBlockEls)
        return;
    var e = pageBlockEls[back===true ? pageBlockEls.length-1 : 0];
    if (e)
        e.focus();
};

function center(el, x, y) {
    var p = el.parentNode, s = el.style;
    var l = ((p.offsetWidth - el.offsetWidth)/2) - sz(p,'borderLeftWidth');
    var t = ((p.offsetHeight - el.offsetHeight)/2) - sz(p,'borderTopWidth');
    if (x) s.left = l > 0 ? (l+'px') : '0';
    if (y) s.top  = t > 0 ? (t+'px') : '0';
};

function sz(el, p) {
    return parseInt($.css(el,p))||0;
};

})(jQuery);


Mvh. Jeppe S
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 16:47 #15
jeg vil ikke råde dig til at ændre noget i jquery.blockUI.js (hvad når der kommer en ny vertion af blockUI.js), sæt det i css sektionen, hvilke skulle overstyrer defaut instillingerne i jquery.blockUI.js eller i en extern css fil kig evt på deres block.css
Avatar billede craver35 Nybegynder
17. april 2012 - 17:50 #16
Har nu prøvet at tilføje css, som du foreslog, men det fungere ikke :( Måske du kan hjælpe med det? :)




    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.blockUI.js"></script>
    <style type="text/css">
            popup-script: {   
            height: '500px'               
        }
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
        $.blockUI({
            message: '<h1><center>For at se videoen skal du se denne video</h1><br><object type="text/html" data="http://damnfun.dk/video/video.php"></object>',
            timeout: 10000
       
        });
    });
</script>
Avatar billede olsensweb.dk Ekspert
17. april 2012 - 19:31 #17
prøv det jeg viste i #13 (fremhævet)
men boxen mangler at blive centraret
Avatar billede olsensweb.dk Ekspert
18. april 2012 - 14:42 #18
prøv
<script type="text/javascript">
$(document).ready(function() {
    $.blockUI({
        message: '<h1>Auto-Unblock!</h1>',
        timeout: 5000,           
        css: {    
            top:  ($(window).height() - 500) /2 + 'px',               
            height: '500px'   

        }
    });
});
</script>


jeg har kigget lidt på din side!!,
ret
<script type="text/javascript">
    $(document).ready(function() {
        $.blockUI({
            message: '<center><h1>For at se videoen skal du se denne video!</h1><br><object type="text/html" data="http://damnfun.dk/video/video.php"></object>',
            timeout: 20000,
            css: {   
            height: '500px'               
        }
    });
});
</script>

        });
    });
</script>

slet det der er markeret med rødt, tag og valider din side.

personligt syntes jeg der er en meget dårlig ide at vise en video for at komme end på siden, jeg vil ikke bruge siden.
Avatar billede craver35 Nybegynder
26. april 2012 - 13:02 #19
Tak skal du have, du kan sende svar :)

Mvh. Jeppe S
Avatar billede olsensweb.dk Ekspert
26. april 2012 - 13:17 #20
får du her
Avatar billede craver35 Nybegynder
26. april 2012 - 13:47 #21
Tak Ronols tænkte på om du også kunne hjælpe med mit andet spørgsmål, det har noget med CSS at gøre du kan finde det indenunder mine spørgsmål :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester