I have tried the Tree based menu in wicket ,
I have used the same code as mentioned below link to create a menu.
http://www.wicket-library.com/wicket-examples/nested/?0
While deploying the same code into our server ,
The +,- symbol is not loaded,When i check in console, I am to see the code for +,- symbol but corresponding code and css is disabled.
So html is rendered but disabled ,
for example I am able to see below html code in console but disabled(to show minus in menu)
<span class="minus"></span>
can anybody please help me?
what do you mean with disabled? You see it but you cannot click it? You might check if CSS for Tree component is correctly fetched by browser.
I have fixed the issue by moving all tree related CSS into local form wicket.extensions.jar
Related
I am trying to make a web automation script in python, which will launch a browser login into the portal and click on few elements (buttons, pages..) based on the configuration supplied to the project.
I am using selenium and it has been working very good. But I am having few issues understanding the html of a page. I need to click on few buttons and pages but I am unable to find proper id, tag or a class of that particular elements as I am bit new to html.
Is there any tool available which I can download and it can list all the elements of a webpage based on id, tag class it is using. Thanks
Try Chropath - add to chrome :)
https://chrome.google.com/webstore/detail/chropath/ljngjbnaijcbncmcnjfhigebomdlkcjo
You can write xpath's there and it shows You all of the elements it finds.
I have this 2-page website which uses angularjs. I like to be able to load page 1 on a certain position by clicking a link on page 2.
Normally, without angular you would give a div an ID like <div id="test"> and put a link on page2 test
On my angular website I use duScroll library to create smooth scrolling.
As a concept I've created the following example website: http://jdenuijl.com/test/#chapter2
this link will open the correct location and smoothscrolls when clicking the links at the top of the page.
On my production website the following link https://escapist.nl/nl/#gallery gets rewritten to https://escapist.nl/nl/#!#gallery and it doesn't open on the correct position.
I've read a lot of questions on stackoverflow about $hashprefix, $locationProvider, $location but I don't see why it's working on my test site and not on my production site. I use some other angularjs functionalities on the production website but I can't find what is causing the rewrite.
What is causing the rewrite and the failure of the normal behaviour?
Thank you very much!
Aleksey Solovey put me in the right direction. I was using the angular-google-analytics module which I found out was loading ngRoute which caused the problem.
I'm starting using Angularjs. I have a simple project (HTML + javascript/Angular js). When I visualize the HTML file on my browser I see a second hidden elements. Do you maybe know the reason? How can I solve this?
This problem is caused by the way Angular works. I guess that you are able to see the skeleton of angular (something like {{"your variable"}}) for a second and then the data is rendered to it.
Your angular scripts are called once the page is loaded, so the delay in fetching data from server by your $http.get() methods causes the elements to appear without data.
Thankfully, AngularJS has a simple solution to the problem in the form of ng-cloak directive. Refer the documentation for details.
https://docs.angularjs.org/api/ng/directive/ngCloak
I am using a jQuery CSS style on the main portion of my website. It works fine. Now, I also have a sub-directory of my website which should not use the style. When I manually navigate my browser to the sub-directory of the website, no style is applied which is what I want. When I click on a link to the sub-directory from the main area, however, it is applying the CSS style from the main part even though I am not referencing this CSS anywhere in the HTML of that sub-directory. If I refresh the browser, the style goes away.
Please can someone help me understand what is going on here? Thank you.
You are using jquery mobile, which by default loads the content of links via ajax. That means you don't have a page refresh when clicking on a link. The contents get dynamically inserted in your document which still has all your css.
More information here.
http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
You have to disable ajax for that link. More information here.
jquery-mobile - how can I bind disable ajax links to a certain class
Clear your history and browser data, then refresh and try.
Try to open the link in chrome and using the developer options (F12)
look for the resources it is referencing. If the page is referencing
the CSS files then either Javascript is making the referencing or
you have accidentally kept the resource link. Let the forum know your findings.
Edit
Somebody seems to have done what I have mentioned and has come to conclusions that they are because of AJAX. The steps I have mentioned above would let you do that all by yourself.
I’m trying to make web scraping in a web page, but there is code that I can’t reach. The part of the code of the page that I cannot achieve is accessed through an anchor tag. In the html is:
<a class="MTLink" href="#d192633539-47" title="example" >
But when I click on "#d192633539-47" does not appear what is intended, ie not appear that appears when I click on the link on the page. Instead appears another page.
Related to this I have also
<li id="d192633539-47" class="MainTabContent Hidden" tnIndex="192633539">
Someone can help me? What could be happening?
This element is controlled by JavaScript. Without tracing the JS code you cannot determine the intention of the click event.
There might be a problem with wrong cookie handling. Check it out.