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 - Bypass Geo Redirect for specific directories -

i'm trying bypass redirect specific url within site. wondering if might able help. the code below code use, original urls replaces example.com i'd able access http://example.com/admin without redirect occuring. is there way this, , there way using own ip? function country_geo_redirect() { $country = getenv('http_geoip_country_code'); if ($country == "us" ) { wp_redirect("http://usa.example.com/"); exit; } else if ($country == "gb" ) { wp_redirect("http://uk.example.com/"); exit; } } add_action('init', 'country_geo_redirect'); you can bypass redirection code if server found ip address. if ip address == <my ip address> ' nothing here else country_georedirect() end if
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