javascript - Dealing with hidden elements -

-

i trying scrape website , problem is, cannot interact hidden elements present on website. code follows:

before clicking

li class="header-nav__item login header-item-is-hidden" data-toggle="dropdown" style="display:list-item"  <a class="header-nav__link" href="#login-panel" aria-controls="login-panel" aria-expanded="true" aria-haspopup="true"></a>  <script src="../../../scripts/login/login.js" type="text/javascript"></script> <script src="../../../scripts/login/2falogin.js" type="text/javascript"></script> <script src="../../../scripts/common/error-handing.js" type="text/javascript"></script> <div id="login_pnldowntime"></div> <script type="text/javascript"></script> li

after clicking

li class="header-nav__item jp-login header-item-is-hidden is-active" data-toggle="dropdown" style="display:list-item"  <a class="header-nav__link" href="#login-panel" aria-controls="login-panel" aria-expanded="true" aria-haspopup="true"></a>  <script src="../../../scripts/login/login.js" type="text/javascript"></script> <script src="../../../scripts/login/2falogin.js" type="text/javascript"></script> <script src="../../../scripts/common/error-handing.js" type="text/javascript"></script> <div id="login_pnldowntime"></div> <script type="text/javascript"></script>  li

my source code

driver = webdriver.firefox() driver.get("http://www.website.com/home.aspx") print driver.page_source ele = driver.find_element_by_xpath("//ul[@class = 'header-nav']/li[3]")  #this deon because list element here third element in list ele.click()

here on clicking element, dropdown not become visible. also, ele.click() emulating behaviour of hovering on element, , not clicking element.

source code of element that'll drop down on click

div id="login_pnldowntime" /div div id="login-panel" class="js-header-panel header-nav__dropdown right" aria-hidden="true" /div ::before class="privilege-promo form-section" href="/en/enrol-now.aspx">/a div class="privilege-form form-section" fieldset class="frm frm--vertical" input id="login_hddninvalidemail" type="hidden" value="invalid email id" name="ctl00$login$hddninvalidemail"> /input input id="login_hddninvalidnumber" type="hidden" value="invalid number" name="ctl00$login$hddninvalidnumber"> /input input id="login_hddninvalidmobilenumber" type="hidden" value="invalid mobile number" name="ctl00$login$hddninvalidmobilenumber"> /input input id="login_hddnflashmessagedelay" type="hidden" value="10000" name="ctl00$login$hddnflashmessagedelay"> /input button id="login_btnsubmitlogin" class="btn btn-primary align-right" onclick="javascript:webform_dopostbackwithoptions(new webform_postbac…n$btnsubmitlogin", "", true, "loginpage", "", false, false))" value="continue" name="ctl00$login$btnsubmitlogin" type="submit"> /button

how perform click on element?

one thing element not (becomes) visible (css: display:none) , other thing element removed dom ex. removechild() method javascript.

  • in first case it's still in dom though hidden, selenium webdriver should able find id or other attribute.
  • in second case can't (it's not in dom).

from before/after clicking html it's not clear element/what happens it. use developer tools inspect in real time , post screenshots/html in question?

update

i found no elements class='header-nav' header-nav__dropdown not header-nav. should aware of it! if want locate class starting header-nav use starts-with() function.

second, element div, not ul according xpath. div id="login-panel" class="js-header-panel header-nav__dropdown right" aria-hidden="true" /div can't located , clicked.

could paste in question real html ul , lis, class='header-nav' etc. ?

i cannot interact since says element isn't visible

seems me have not mastered web dev tools in browser. must able see unvisible elements in dev. tools inspector. see this , this posts how that.


Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more