How did this website hide its html - javascript

I ran into this website and I looked at it's source code.
DCARD
ther are screen shots here
I am sorry that the language is Chinese.
This website i kind of like forum in my country.And the wierd thing that I found is that the all the topics(threads)that I am able to click is not showing in the html.(Meaning that I cant see any hyperlink that link to any other page in the html source code.)Didnt the browser parse the html first and then its being able to show the contents to user?How did it actually do it?Is this done by angular js or what.

It's a SPA angular APP. So that's angular handling all the routes instead of traditional URLs.

Related

HTML sub-pages (using a domain)

I've been thinking about purchasing a domain and putting a website on it, but I'm not sure how I would add sub-pages. I'm probably using the wrong words, but I'll try to explain what I mean.
For example, the main page is stackoverflow.com. When you go to another page, it goes to stackoverflow.com/questions. Is this achieved using Javascript, or is it set up manually where you link an HTML file to the sub-page?
I'm not too sure where to start here, so any help is appreciated.
One of the simplest ways to set up a website with multiple pages is to create a folder for each page and an index.html file for each page. These can then be linked together using HTML anchors or JavaScript code. For detailed instructions on how to do this, I suggest checking out tutorials from W3Schools like how to make a website

get source code of whole website - which loads additional content after scrolling down

I want to fetch this site
https://www.film-fish.com/modern-mindless-action
to fetch the IMDB IDs of all movies listed there.
The problem is that the page loads all movies listed there just after scrolling down. So, a simple wget doesn't work.
Even if I scroll to the bottom of the page and view the source code, I do not see the last movie in the list (Hard Kill (2020)).
So the problem seems to be that the content is being created via JavaScript.
Has anybody a tip on how to achieve that?
So the problem seems to be that the content is being created via a js
script. Has anybody a tip on how to achieve that?
Indeed, executing JavaScript code is beyond scope of GNU Wget. You would need browser automation tool. If you know some Node.js or JavaScript I suggest taking look at PhantomJS Quick Start, Page Automation. Please take look at first example in 2nd link, you should be probably able to rework to your needs, i.e. instruct page to scroll down using JavaScript then extract what you need using JavaScript.

Why does Google Tag Manager not include tags on certain pages?

I have an issue that on certain pages of my website no tags are included in the GTM container. The debugger shows: "There are no tags in the container." I'm trying now for weeks to find the solution but no chance. I would really appreciate any ideas!
I have included for example the Google Universal code on all pages:
url matches RegEx .*
Usually on the start page and some other pages no tags are included:
http://www.ailolaquito.com
On other pages like this the tags usually are included:
http://www.ailolaquito.com/en/activities/spanish-and-dancing
When I use the GTM Preview and Debugger tool it first shows above message and when I open the Data Layer tab and switch back to the Tags tab, suddenly all tags are shown as they should. Maybe there is a conflict (JavaScript?) on some pages.
What I noticed is that on all pages where the tags are not included the HTML code in the source view of Safari looks compressed:
While on pages where the tags are properly shown the html source looks nice:
Probably it's related with this. However I don't understand why the source code is compressed on some pages. They are all based on the same layout templates.
Any ideas or help would be appreciated. I really would like to solve the issue.
Thanks a lot!
Philip
P.S.: Here are some more screenshots:
for the answer see https://plus.google.com/102446957955231069158/posts/FetKoAh2JrD "there is a race condition that we are currently hunting down that when the debug script is cached you can see the no tags message. But if you click on any of the events and you can see what fired. Once you navigate to an event the summary tab will display correctly again. You can also force refresh the page which seams to fix this also." by Michael Philpott

One page layout for a PHP webpage

I want to make a one page layout for my webpage.
And I want to make that so, when i click a button in my navigation bar, it to display a div i've created for my content, but normally is hidden. Also, when i click on the logo of the page, the page goes to it's original state (without the content div showing).
I have no idea how to do this.
I guess your using Javascript and / or PHP for this?
Can you guys give me an example how to do this?
Example: http://www.basjansenmedia.nl/
When you go to themeforest, there's a separate category called One Page themes. Do have a look at it. Or, why not you Google it for yourself? Anyways, a few tutorials would be:
One Page
15 Useful HTML5 Tutorials and Examples For Beginners
Coding a CSS3 & HTML5 One-Page Website Template
Single Page Apps with AngularJS Routing and Templating
Assuming you use jquery
$('#myButton').click(function() {
$('#myNewDiv').show();
$('#myOldDiv').hide();
}
($'#logo').click(function() {
$('#myOldDiv').show();
$('#myNewDiv').hide();
}

Clearbox JS "messages"

I am currently running Clearbox JS on my site so that users may view a larger version of an image once they have visited the images page. Now, I just recently implemented this and I have noticed that on every single page at the top of the page Clearbox JS echos the command that it is doing. Whether it be initializing, or viewing an image, or event rotating an image. I really do not want this message popping up at all. I would much rather being required to put a link somewhere on the website to the developers website then having to deal with this. If anybody knows how to remove this, please answer. I am providing a link to the website so that you know what I am doing as well as a pastebin link to the clearbox.js file which is the config file.
website: www.dsdwebdesign.net/bootstrap_apgnew/index.php
pastebin: http://pastebin.com/NgBgc34X
Try this somewhere in your page, or the cb_style.css file (but make sure you read their conditions, I am not sure if you are allowed to do this with this piece of software):
#CB_OSD{
display:none!important;
}
It should hide the box at the top.

Categories

Resources