11528 sujets

JavaScript, DOM et API Web HTML5

Allez ! Je ne suis pas méchant !!! Pour alimenter la conversation, je vous livre des éléments de code :

include "Data/codes.data" ; $nombre = count( $codes ) ; $article = $nombre == 1 ? "le" : "un" ;
 
$style = "
iframe { width:95%; display:none; margin-top:1ex; } jukebox .boutons { float:right; margin:1ex 5% .5ex; }
" ;

$script = "
let nombre=$nombre, jukebox=$('jukebox'); if(!nombre) jukebox.remove(); 
let codes=['".implode( APOS.VI.APOS, $codes )."'], youturl='https://www.youtube.com/embed',
futurl=youturl+slash+(code=codes.tirer(sessionStorage.youcode));
w.on('unload',()=>{ sessionStorage.youcode=code; });
" ;

$jukebox = array(
"style" => $style,
"iframe eval=\"playeur=this\"" => VIDE,
"a class=\"boutons\" eval=\"bouton=this\" onclick=\"playeur.jouer(futurl)\"" => "jouer $article son",
"script" => $script,
) ;

echo array2html( $jukebox, "jukebox" ) ;


Node.prototype.jouer=function(url)
{ 
bouton.css('opacity',0);
 
this.on('load',()=>
{ 
if(w.innerWidth<666) this.css('display','block');
bouton.html(nombre>1?'jouer un autre son':'rejouer le son').css('opacity',1); 
futurl=youturl+slash+(code=codes.tirer(code));
}).toper().src=url+quma+'autoplay=1'; 
}