Udvikleren.dk - Seneste [jscript] forum tr�de

Video delay p� Html slideshow

Wed, 29 Aug 2012 12:42:12 GMT

Hej Allesammen..
Jeg har lavet et slideshow som k�re rigtig godt, det eneste problem er at den begynder at starte alle videoerne p� samme tid. Pointen er at den skal starte den enkelte film n�r den skifter slide dertil <figure> og stopper den igen n�r den skifter videre.. Hvis jeg bruger quicktime med deres "autostart" s� fungere det fint, men jeg vil gerne undg� at bruge det. P� forh�nd tak

Eksempel uden quicktime:

HTML kode

 <figure>    
      <div class="logo"></div>
 
             <video     autoplay="true" muted="true" loop="loop" width="640" height="360">
             <source src="Hjertestarter.mp4" type="video/mp4" />
               <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
             <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
             <param name="allowFullScreen" value="false" />
             <param name="wmode" value="transparent" />
         
             </object>
         </video>
 <img src="" onload="" alt="" />
 </figure>
 
 
 <figure>
         
      <div class="logo"></div>
 
             <video     autoplay="true" muted="true" loop="loop" width="640" height="360">
             <source src="admin/include/images/barlink_3.mp4" type="video/mp4" />
               <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
             <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
             <param name="allowFullScreen" value="false" />
             <param name="wmode" value="transparent" />
         
             </object>
         </video>
 <img src="" onload="" alt="" />
 </figure>

Eksempel med quicktime (som jeg gerne vil undg�, men det fungere:

HTML kode

 <figure>    
      <div class="tvstalden"></div>
     <object width="100%" height="100%">
     <param name="movie" value="Carlsberg/Inhouse Commercial Stalden">
     <embed src="admin/include/images/torsdag.mp4"
     autostart="true" 
     loop="true"
     width="100%" 
     height="100%" 
     scale="tofit" 
     type="video/mp4" 
     alt="image 95"
     volume="0"
     controller="false"
     cache="true"
     showlogo="false"
     </embed>
     </object>
 <img src="" onload="" alt="" />
 </figure>
 
     
 <figure>    
      <div class="tvstalden"></div>
     <object width="100%" height="100%">
     <param name="movie" value="Carlsberg/Inhouse Commercial Stalden">
     <embed src="admin/include/images/barlink_3.mp4"
     autostart="true" 
     loop="true"
     width="100%" 
     height="100%" 
     scale="tofit" 
     type="video/mp4" 
     alt="image 97"
     volume="0"
     controller="false"
     cache="true"
     showlogo="false"
     </embed>
     </object>
 <img src="" onload="" alt="" />
 </figure>

jquery auto refresh af DIV

Fri, 13 Apr 2012 12:59:51 GMT

Jeg er igang med at lave en funktion p� min side, hvor der �verst listes 6 tilf�ldige nyheder.

Jeg vil nu gerne have at disse nyheder l�bende skiftes til andre nyhede - alts� auto-refresh af de enkelte div's efter f.eks. 10 sekunder.

Obs. Jeg har alt koden liggende p� samme side, der hedder test.php
Jeg er derfor - med hj�lp fra google - kommet frem til f�lgende javascript-kode:

JScript kode

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
 libs/jquery/1.3.0/jquery.min.js"></script>
 <script type="text/javascript">
 var auto_refresh = setInterval(
 function ()
 {
 $('#textArea').load('test.php').fadeIn("slow");
 }, 10000); 
 </script>

Ganske kort - koden opdaterer div'et #textArea i filen test.php hvert 10 sekund.

TIl at indhente det data der skal v�re i div'ene har jeg f�lgende fetch_array og SQL kode

PHP kode

 $data = mysql_query("SELECT * FROM table ORDER BY RAND() LIMIT 6")
  or die(mysql_error()); 
  while($info = mysql_fetch_array( $data )):
  echo'<div id="textArea">';
     echo'<div class="cover">';
         echo'<img src="" width="37" height="37" />';
     echo'</div>';
     echo'<div class="title">'; echo substr($info['title'], 0, 15); echo'...</div>';
     echo'<div class="description">'.$info['description'].'</div>';
 echo'</div>';
  
  endwhile;

koden udskriver 6 bokse ved siden af hinanden. Flot illustreret s�ledes:
[titel] [titel] [titel] [titel] [titel] [titel]
Og nu kommer problemet
Selve refresh-delen fungerer. Problemet er blot at den kun opdaterer den f�rste af de seks bokse
([titel] [titel] [titel] [titel] [titel] [titel])

og ikke nok med det - s� opdaterer den div'et seks gange pr. 10 sekund.

Dvs. at siden nu kommer til at se s�ledes ud:
[titel] [titel] [titel] [titel] [titel] [titel]
[titel]
[titel]
[titel]
[titel]
[titel]

Hvad skal �ndres for at den l�bende opdaterer de seks bokse p� langs?

Tak

Jscript/PHP/Html Select box.

Wed, 30 Nov 2011 16:44:48 GMT

Har en kode der viser min value af min select box.

Bruger dette script

JScript kode

 <script type="text/javascript">
 $(document).ready(function(){
     $("#thechoices").change(function(){
             $("#value").html($("#thechoices option:selected").text());
             $("#value").css("background-color","white");
             $("#value").css("color","black");
     });
 });
 </script>

Og dette html for at vise min value af min select box.

HTML kode

 <div id="value"></div>

Den udskriver teksten helt fint.
- Vil bare gerne videre udvikle den s� den m�ske blev gemt som en string eller noget ligene.
Vil nemlig gerne have det noget ala det her:

PHP kode

 <div class="whatever" style="background-image: url(path/to/dir/<?php echo $value; ?>.jpg);">