javascript - How to obtain clientWidth & clientHeight before DIV is visible -


i want obtain dimensions of div element (used display popup menu @ cursor position) while it's style.display='none;', dimensions of div return 0. way seem able dimensions make div style.display='block;' @ 0,0 , move required position, looks jumpy.

i've tried making div visible outside of visible screen area doesn't work. there way clientwidth , clientheight values whilst div hidden?

if div not visible, won't able dimensions.

however, there workaround. div has "visible", doesn't mean it's opacity , position have 1 , relative.

set opacity 0 , position "absolute" , you'll able div dimensions.

edit

since think more people have similar problem, feel should explain answer little more.

if try size of hidden element javascript, 0.

so there techniques real size without displaying element user. favourite 1 wrote above. here more detailed steps:

  1. you set elements opacity 0. way won't displayed end user while getting dimensions.

  2. you set element position "absolute". way won't take space.

  3. now it's safe set display "inline-block".

  4. you read elements dimensions. time you'll real values.

  5. you set display "hidden" , set opacity , position original values.

and have size of hidden element.


Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more

Website Login Issue developed in magento -

i have website developed using magento . able login. right now, login failed. infact operations interacts user table failing. need know issue. how figure out? first clear try clear log file second make sure have not upgraded magento and 3rd make sure db accessible in magento -harry p
Read more