I want to analyze mango.com website. I am interested in the following link.
http://shop.mango.com/US/m/mango/clothing/dresses/day/?m=dresses32&v=Day
I find a viewall link on this page which can display all the items.
http://shop.mango.com/US/all/mango/clothing/#firstitem
It seems the viewall link is the same for other categories.
How to find the real address behind this viewall link?
http://shop.mango.com/US/all/mango/clothing/#firstitem
http://shop.mango.com/US/all/mango/clothing/ is the link.
#firstitem is the id in the page.
Actually it's all in a whole html page, but if you want to display only a part of the page. Just change the css of id display:none to hide other parts.
Related
I have a website where I host cooking recipes, on the index of the site there is a "recent dishes" button that you can click to view my most recent dish. The problem arises when you factor in that my most recent dish is designed to be viewed inside an Iframe in a "dish index". The dish index has a sidebar with important information that I would like to not have to implement a javascript solution for.
In summary, is there a way to format a link to open the index page, and then open the iframe inside the page?
just for extra clarification, as it seems there are a bunch of questions asking how to do a similar sounding thing.
click link.
link open.
Iframe inside of link opens to a specific page, separate from the default.
Here is a website that has the behavior that I'm looking for, but they're using Framesets and frames which were deprecated in html4 i believe. Please note that the sidebar does not refresh/load when a link is clicked, but the url does.
I've been googling for about 15 minutes now and have not found a solution, other than the javascript one.
From what I understood you want to have a menu and once a link inside this menu has been clicked you want to load different pages. If that is correct then make the menu the main page and then change frame src for different pages. You use target in the link to target the iframe
A short example can be found below
Page 1
Page 2
<iframe src="Page1.html" name="myIframe"></iframe>
While I'm trying to switch between different sections of my webpage I am getting the following page as shown in the image. How can I solve this?
you need to provide context for your question for people being able to help you. I imagine you are trying to navigate between different html files, by clicking into an anchor tag, is that correct?
Go to next page
So in that case, you might be adding a wrong relative route, otherwise I think you should add more context to your question.
If you are trying to switch between sections on your webpage. Try adding section and giving them id. Then from any anchor tag you can reach the section by adding the following code.
Section 1
you can use jquery
$(".div").load("index.php .yoursection");
To switch between sections on your webpage,Use the id selector ,
Example:
<p id="opening">Hyperlinks are utilized by a web browser to move from one page to another...</p>
Now add the anchor tag to link,
Opening
"Opening" will be displayed as a link on the webpage. On clicking it, you will be switched on the same webpage where the id is "Opening".
In this example it is the paragraph tag.
If you trying to switch into another webpage,
Go to home page
I want to make a link that redirects to "Try it yourself" in https://www.w3schools.com/js/js_window_location.asp
But when I inspect the section that says Try it yourself in above link, it says that it has no id.
To understand more about my question, I want to make a link similar to this. https://stackoverflow.com/questions/13991817/how-do-i-put-an-if-clause-in-an-sql-string/13991857#13991857
So my question is how can I get a link of specific div of web page?
UPDATE: is there any default ID (like 45253435) for each div? Then how can I get that?
I have made an web page. There are two iframes
In it. First is of index and second one is description page. I want that when I click on the any index hyperlink, then it is displayed on main description page.
How it will be possible? please give me the HTML code
You can use a button and when clicking it, change the url of the iFrame using Javascript like this:
document.getElementById('iframe-id').src = newLink;
You can use the data-attribute to store the wanted link in your html.
In case you want to do that: It is not possible to react to things outside of an iFrame through an iFrame. So you cannot put a link in iFrame1 and have it reload iFrame2, because those are two different websites and don't see each other.
Now, idk what exactly you are planing to do, but I really hope, that you don't want to make your entire site like that. Using iFrames is really only useful for things like inserting widgets (like Codepen etc.), but should never be used to display information from your own site. If you don't want to copy your html for every site then use PHP. If you don't want to reload your entire webpage (which is pretty much never a problem) you can use AJAX-requests to load parts of your website. (Frameworks like React.js, Angular.js and Vue.js do that for you)
The default way to jump to somewhere in a HTML page is use the a href/a name tags. However, if I want to refer to an external website, somewhere in the middle and that external page does not use the a name tag, is there an alternative way? Like jumping to the first occurrence of some text?
Not possible unless the external website has any custom support for it and they don't have name or id in the desired location.
You really don't need a:
<a name="named-anchor"></a>
Find the nearby element with an id attribute. For eg., consider this:
https://www.digitalocean.com/community/tutorials/how-to-set-up-an-openvpn-server-on-ubuntu-14-04
The site has:
<h2 id="prerequisites">Prerequisites</h2>
So you can go to that place, by adding # and the id value:
https://www.digitalocean.com/community/tutorials/how-to-set-up-an-openvpn-server-on-ubuntu-14-04#prerequisites
If that's not there, then it is not possible.
It's only possible if you find element with ID at the place of where to jump, than simply apply #id-of-element to link.
E.g. We have this HTML attributes list and want to link to lang attribute.
Inspect element and we find <dt id="attr-lang"> than link would be https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-lang
If one of the elements on the site which your are trying to link to has an id attached to it.
You can force the load of the page onto that specific element by adding a hashtag at the end of the url of the website, and the name of the id for that specific element.
For example:
Click me!
Try clicking this clicking this link just here:
Link to a part inside an external HTML page
You will notice that it brings you to the footer section of this StackOverflow post.
However, other than that there are no other possible ways of achieving this (at least as far as Google knows)