javascript - Can't access DOM from SCM Music Player -


i building website using scm music player (an open source web player), , use "finish" callback modify dom when music stops. can access callback , execute "console.log()", can't access dom... i've noticed script uses knockout library, don't know how works , if necessary... here code scm.js:

finish = function(){     //repeat 1 start again, otherwise next song     if(repeatmode()==2) start();     else {         console.log('next son de scm.js :');         var div = ko.observable($('#ajouterson').attr('role'));          console.log('div: ' + div);          next();     } };

and kind of changes when play song : 

$('.musiquelink').on('click', function(event) {   console.log('clic musique - last id = ' + lastidmusique);   event.preventdefault();   if(lastidmusique != null)     document.getelementbyid('row'+lastidmusique).setattribute("class", "row");   document.getelementbyid('row'+$(this).attr('data-idmusique')).setattribute("class", "row highlighted");   scm.play({title:$(this).attr('data-titre'),url:$(this).attr('data-lien')});   lastidmusique = $(this).attr('data-idmusique'); });

the dom contains 'ajouterson' :

<body style=" background-image: url('imgs/backgrnd.jpg'); background-size: 100% 100%; background-repeat:no-repeat; background-attachment:fixed;"> <div id="ajouterson" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">   <div class="modal-dialog">   <div class="modal-content">       <div class="modal-header">           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>           <h1 class="text-center">ajouter un son</h1>           <?php            ?>       </div>       <div class="modal-body">           <form class="form col-md-12 center-block" id="ajoutson">             <div class="form-group">               <input type="text" title="titre du son" class="form-control input-lg" placeholder="titre" id="titre">             </div>             <div class="form-group">               <input type="text" title="auteur du son" class="form-control input-lg" placeholder="artiste" id="artiste">             </div>             <div class="form-group">               <label for="genre">style</label>               <div class="form-group">                 <select class="selectpicker" multiple  id="genre">                   <?php                     $genres = $mysqli->query("select idgenre, nom genre");                     while($row = $genres->fetch_array())                       $rows[] = $row;                     mysqli_free_result($genres);                     foreach($rows $row)                     {                       $styles = $mysqli->query("select idstyle, nom style genre = ".intval($row['idgenre']));                       while($rowstyles = $styles->fetch_array())                         $rowsstyles[] = $rowstyles;                       echo "<optgroup label=\"".$row['nom']."\">";                       foreach ($rowsstyles $rowstyles)                          echo "<option value=\"".$rowstyles['idstyle']."\">".$rowstyles['nom']."</option>";                       echo "</optgroup>";                       mysqli_free_result($styles);                       unset($rowsstyles);                     }                     unset($rows);                   ?>                 </select>               </div>             </div>             <div class="form-group">               <input type="text" title="décris ton son" class="form-control input-lg" placeholder="description" id="description">             </div>             <div class="form-group">               <input type="url" title="lien youtube/soundcloud" class="form-control input-lg" placeholder="lien youtube/soundcloud" id="lien">             </div>             <div class="form-group">               <button class="btn btn-primary btn-lg btn-block" type="submit" id="submit">ajouter</button>             </div>           </form>       </div>       <div class="modal-footer">           <div class="col-md-12">           <button type="button" class="btn" data-dismiss="modal" aria-hidden="true">annuler</button>           </div>           </div>   </div>   </div> </div> ... </body>

i precise have placed include balise js above end of body.

thank help, théo


Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -

i run blogger blog , use follow code javascript code (requires no jquery) show related post labels/categories of post. <script type='text/javascript'> var defaultnoimage=&quot;http://1.bp.blogspot.com/-m72rpguntq0/vuokijudn_i/aaaaaaaaboi/lq18sceunsg/w72/favicon-tik.png&quot;; var maxresults=16; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;related posts&quot;; </script> <script type='text/javascript'>//<![cdata[ var relatedtitles = new array(); var relatedtitlesnum = 0; var relatedurls = new array(); var thumburl = new array(); function related_results_labels_thumbs(json) { (var = 0; < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedtitles[relatedtitlesnum] = entry.title.$t; try { thumburl[relatedtitlesnum] = entry.media$thumbnail.url } catch (error) {...
Read more