Javascript animation is not running -

-

i'm trying create animated menu slides , down. unfortunately it's not working. i've checked error console , there no syntax errors. here's javascript:

function showlayer() {     var hiddenlayer = document.getelementbyid("mainmenu");     var layerposition = parseint(hiddenlayer.style.bottom);     if (layerposition > 700) {         hiddenlayer.style.bottom = (layerposition + 5) + "px";         settimeout("showlayer()", 20);     } }  function hidelayer() {     var hiddenlayer = document.getelementbyid("mainmenu");     hiddenlayer.style.bottom = "700px"; }

here's whole context:

<script type="text/javascript"> function showlayer() { var hiddenlayer = document.getelementbyid("mainmenu"); var layerposition = parseint(hiddenlayer.style.bottom); if (layerposition > 700) { hiddenlayer.style.bottom = (layerposition + 5) + "px"; settimeout("showlayer()", 20); } } function hidelayer() { var hiddenlayer = document.getelementbyid("mainmenu"); hiddenlayer.style.bottom = "700px"; } </script>  <style type="text/css"> div#mainmenu { position: absolute; bottom: 700px; left: 9px; width: 600px;  height: 350px; border-style: solid; background-color: rgb(0, 0, 0) ; border-     width: 3px; border-top-right-radius: 7px; border-top-left-radius: 7px; } div#mainbutton { position: absolute; top: 674px; left: 12px; width: 28px;      height: 28px; border-style: solid; border-color: rgb(255, 255, 255); border-width:  1px; border-radius: 4px; } div#mainbuttontext { position: absolute; top: 679px; left: 22px; color: rgb(255, 255,  255); font-style: normal; font-size: 18px; font-family:"arial"; } </style>  <div id="mainbutton"></div> <div id="mainmenu" onclick="showlayer('mainmenu')">&nbsp;</div> <div id="mainbuttontext">f</div> </body>

i think found problem! it's strange , can't explain it, get style in javascript, css must inline (to set style it's not necessary).

so modified code placing css inline.

html :

<div id="mainmenu" style="position:absolute;bottom:100px;" onclick="showlayer('mainmenu');">click me!</div>  <!--i wrote 100px test, can change , modify js-->

js :

function showlayer() {     var hiddenlayer=document.getelementbyid("mainmenu");     var layerposition=parseint(hiddenlayer.style.bottom);     if(layerposition>50)     {         hiddenlayer.style.bottom=(layerposition+5)+"px";         settimeout("showlayer()",20);     } }  function hidelayer() {     var hiddenlayer=document.getelementbyid("mainmenu");     hiddenlayer.style.bottom="700px"; }

fiddle : http://jsfiddle.net/8mwfv/

and here fiddle shows not inline css doesn't works : http://jsfiddle.net/kfurp/


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more