Javascript image width and height undefined values -

-

i try width , heigh previewframe , set values 100% both when try alert undefined values. here html file:

<html> <head>     <link rel="stylesheet" href="frame.css"> </head> <body> <div id="previewwrapper">     <div id="previewframe">         <img id="previewimage" src="http://i.forbesimg.com/media/lists/companies/google_416x416.jpg">                    </img>     </div> </div> <script src="frame.js"></script> </body>

and here css:

html, body{     margin:0;     background:#ccc; }  #previewwrapper{     margin:44px 0px;     width:100%;     height:calc(100% - 88px); }  #previewframe{     width:100%;     height:100%;     margin-top:44px;     background:#000; }  #previewframe img{     max-width:100%;     max-height:100%;  }

and js:

    function imageinfo() {     var pframe = document.getelementbyid("previewframe");     pframe.setattribute('style', "width: 100%; height: calc(100% - 88px);");     var framewidth = pframe.width;     var frameheigh = pframe.height;     var pimage = document.getelementbyid("previewimage");     var imagewidth = pimage.width;     var imageheigh = pimage.height;     alert('frame size '+framewidth+'px x '+frameheigh+'px'); } window.onload = imageinfo;

first of setattribute method, not object property style. should 

pframe.setattribute('style', "width: 100%; height: calc(100% - 88px);");

the second problem in order read browser-calculated css properties need use getcomputedstyle method:

var pframestyle = window.getcomputedstyle(pframe, null); var framewidth = pframestyle.width; var frameheigh = pframestyle.height;

demo: http://jsfiddle.net/yxz4201q/2/


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

Simple Angular 2 project fails 'Unexpected reserved word' -

-
i trying create simple angular2 project based on ng2do project. using quickstart , have following code... <script src="js/quickstart/dist/es6-shim.js"></script> .... import {component, template, bootstrap, foreach} 'js/quickstart/angular2/angular2'; this gives me following error... uncaught syntaxerror: unexpected reserved word what missing? don't know if helps have been having issues day realised because starting code script reference <script src="app.js"> </script> instead of using <script> system.import('app'); </script> hope helps using in tsconfig { "version": "1.5.0-beta", "compileroptions": { "target": "es6", "module": "amd", "declaration": false, "noimplicitany": false, "removecomments": true, "nolib": fal...
Read more

php - Get process resource by PID -

-
Image
i want write web ssh console, , found 2 problems. what want do. first want execute start.php file have following code. $process = proc_open('start', array( 0 => array("pipe", "r"), 1 => array("pipe", "w"), 2 => array("pipe", "a") ), $pipes); second want run command.php file run command on created process in start.php file , results it. $pid = 12345; print_r(process_command('ping google.com', $pid)); i want access process ( cmd ) created in past, send command , result. why problem, if can create new process each command.php execution? because new process new session, if login mysql in past command.php execution, in next executions must login mysql again, because new process not remember logged. example on windows. i create new process ( cmd ) in php, current directory c:\webserv\ . i write cd / command, current directory c:\ . this example, dont want c...
Read more