javascript - CSS/js z-index(zIndex) drop down menu -

-

i have been working on page has started give me trouble hope can me out with. problem explained rather simple, , hope answer same. :)

i have css drop down menu @ top of page , right below have js video player. problem drop down menu appearing behind video player , have no idea why. using boostrap dropdown menu , z-index set 1000. can tell me why player ontop?

i know there zindex option js hoping fix problem, not afraid admit have no js skills ever.

css:

.dropdown-menu {   position: absolute;   top: 100%;   left: 0;   z-index: 1000;   display: none;   float: left;   min-width: 160px;   padding: 5px 0;   margin: 2px 0 0;   font-size: 14px;   list-style: none;   background-color: #fff;   background-clip: padding-box;   border: 1px solid #ccc;   border: 1px solid rgba(0, 0, 0, .15);   border-radius: 4px;   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);           box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

js:

function changechannel(url, chanid)   {   var player = document.getelementbyid("videoplayer");   var video = document.getelementbyid('video');   if (video != null)   {     video.src = url;     video.load();     video.play();   }   else if (player != null)   {     player.close();     player.open(url, false);   }     if(chanid != 0)     {       update(chanid);     }     else     {       tvclear();     }  }  function update(channelid) {   $.getjson('api.php', function(data) {   console.log(data[channelid][0]);    $('.now').html("<strong>" + data[channelid][0]['title'] + "</strong><br>" + data[channelid][0]['starttime'] + "<br>");     $('.next').html("<strong>" + data[channelid][1]['title'] + "</strong><br>" + data[channelid][1]['starttime'] + "<br>"); });  }  function tvclear() {   $('.now').html("no data");   $('.next').html("no data"); }

thanks thoughts.

did try set lower z-index html element contains player ?


Comments

Post a Comment

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

-
my test list<person> mylist; @test public void testisvalidperson() { mylist = new arraylist<person>(); mylist.add(new person("tom")); when(persondao.get(person)).thenreturn(mylist); when((persondao.get(person)).isempty()).thenreturn(false);//------exception thrown boolean result = service.isvalid("tom"); assertfalse(result); } method tested: public boolean isvalid(string person){ persondao = new persondao(); person personobj = new person(person); return (persondao.get(person).isempty())?false : true; } exception thrown: org.mockito.exceptions.misusing.wrongtypeofreturnvalue: boolean cannot returned get() get() should return list *** if you're unsure why you're getting above error read on. due nature of syntax above problem might occur because: 1. exception *might* occur in wrongly written multi-threaded tests. please refer mockito faq on limitations of concurrency testing. 2. sp
Read more

php - Magento - Deleted Base url key -

-
i working on cleaning url: http://mydomain.com/shop/shop/deals i going through settings in configuration tab in admin panel on magento , change secure , unsecure base urls remove first base url "shop" web page read: http://mydomain.com/shop/deals so changed unsecure base urls mydomain.com/shop mydomain.com , secure 12.345.67.89/shop 12.345.67.89. wrong thing do. i cannot reload page or admin console. how access these files through ftp , change correctly there?? when make changes in admin panel changes made in database not in file. have make changes in database. 1.go database , select core_config_data table under table find web/unsecure/base_url , web/secure/base_url . make changes here. don't forget clear cache in var/cache folder
Read more

android - How to disable Button if EditText is empty ? -

-
i have edittext , button in application. when button clicked,the text entered in edittext added listview. i want disable button if edittext empty.how ? this code button click imagebutton imb=(imagebutton)findviewbyid(r.id.btn_send); imb.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { edittext et = (edittext)findviewbyid(r.id.edittext1); string str = et.gettext().tostring(); web1.add(str); toast.maketext(shoutsingleprogram.this, "you entered...."+str, toast.length_short).show(); adapter1.notifydatasetchanged(); et.settext(""); } }); } how can ? edittext1.addtextchangedlistener(new textwatcher() { @override public void ontextchanged(charsequence s, int start, int before, in
Read more