how to link stylesheets in laravel-9? - javascript

I tried to connect the style.css file, but I encountered some problems sometimes and sometimes it works
the way
I created a folder
layouts
Inside it I created a file
app.blade.php
But when you open "inspect" from Google Chrome
The code appears like this
enter image description here
I want the head page to be at the top
What are your suggestions?

Related

Difference between file:/// and file://///%3F/

I made a webscraper using python and a auto .html writter to represent the downloaded data, and the files are saved in folders based on the page title.
In the .html, an anchor tag was (C92) [Kuragamo (Tukinowagamo)] Tonari no Chinatsu-chan R - Next Door's Chinatsu-chan R [English] [Team Koinaka]
As you see it's a relative link in my Windows system.
Whenever i click to the anchor point, it opens this link
file:///E:/Random%20Codes/C/Python/Test/Web%20ripper%202/Web-leach/Download_Projects/RA%20RA%201.1/(C92)%20[Kuragamo%20(Tukinowagamo)]%20Tonari%20no%20Chinatsu-chan%20R%20-%20Next%20Door's%20Chinatsu-chan%20R%20[English]%20[Team%20Koinaka]/(C92)%20[Kuragamo%20(Tukinowagamo)]%20Tonari%20no%20Chinatsu-chan%20R%20-%20Next%20Door's%20Chinatsu-chan%20R%20[English]%20[Team%20Koinaka].html
and shows that the link is unavailable and asks me to check the link.
However I tried to open it through file manager and it opens the file with this link:
file://///%3F/E:/Random%20Codes/C/Python/Test/Web%20ripper%202/Web-leach/Download_Projects/RA%20RA%201/(C94)%20[Kuragamo%20(Tukinowagamo)]%20Tonari%20no%20Chinatsu-chan%20R%2003%20-%20Next%20Door's%20Chinatsu-chan%20R%2003%20[English]%20[Team%20Koinaka]/(C94)%20[Kuragamo%20(Tukinowagamo)]%20Tonari%20no%20Chinatsu-chan%20R%2003%20-%20Next%20Door's%20Chinatsu-chan%20R%2003%20[English]%20[Team%20Koinaka].html
The only difference I could find was file:/// and file://///%3F/ at the beginning and I replaced file:/// with file://///%3F/E in the html file and it worked absolutely fine.
Tested on other files and found only some works with file:/// and all works with file://///%3F/
So when should I tell the anchor to open starting with file://///%3F/E or file:///
sorry the links are too big but i think they are important.

Swup.js + Oxygen (wp) - Not loading correct site?

I'm trying to implement Swup.js into a site in Oxygen for Wordpress. For some reason, the correct version of the site is not loaded when I use Swup.
For some reason, the correct version of the site is not loaded when I click the links. It seems to load a responsive version of the site instead. Here is the link to the page: https://testswup.kastanjeskolan.nu/ If you go to Our Services, you get one version of the page. But if you update/reload, you get the correct version. Here is a video to show what I mean.
Does anyone have any idea why this is happening?
Thanks for any help.
Swup JS only loads what's in the Swup element/Swup body. It keeps the same header or of the page for all the pages.
Oxygen builder generates CSS files for each page created. If you check page source of the Proucts page on your site, you'll see the CSS file for products page generated by Oxygen. (pointed in the image below).
Now when you move from Products page to Services page, this CSS file remains as is because it is in the section of site. And the CSS file for Services page is also not loaded because the is not refreshed, because that's how Swup works.
Solutions
Solution for this is having a single CSS file which contains all the CSS for all the pages. But not sure if that would be output by Oxygen builder.
Use the Head Plugin provided by Swup. Although not sure if it will work correctly with Oxygen Builder.

Saved website withe javascript image link broken

I want to save this page for offline use, but after saving it completely in chrome, the image links are broken. What is the problem and a solution for something like this?
http://www.xlr8.at/8x8hexbin/
Chrome actually created a new folder for all the images, but the original website has its images in the same root folder as the webpage, thus the links are broken. So saving a webpage like that is not a good idea, but since this website has only 2 images, I am able to fix the link easily by moving those image back to the root folder, and fix the links on the html file.

Debuging with firebug or google chrome

I need to debug my javascript using firebug or google chrome but my javascript is in the same file with the html, when I try to find my javascript code I dont know where is it becase it is not in a specific file it is in the same file with my html, if I use the firebug or google chrome debuger I find the script tab but then I dont know in what file is my javascript because it is not in a javascript file , how can I to find my javascript to debug?
The problem is because I am using ASP.MVC and I have only one view and many partial views that I put in the view, the view has a lateral menu when someone click on the option in the lateral menu one partial view is loaded next to the lateral menu, so this partial view has html and javascript but this new javascript in the partial view is not found for me in firebug or google chrome devtools because only is showed the firs html and script to the view and the code of partial view is not showed in these tools because this code was inserted dinamically and the firebug not refresh it.
What can be the solution?
Thanks.
You can know error in which line .look here
you can see file name and number of line error and when you click in name of file you will get
error line.
Go to the URL. For example, this page, I can put a break point in the file "debuging-with-firebug-or-google-chrome". I believe Google Chrome works similarly.
Also, they're sorted by domain, so that should help you find the URL's file.
Firefox build-in debugger (Main menu button > Developer > Debugger, or CTRL+SHIFT+S) lists all files that contains loaded scripts in left sidebar 'Sources'. It contains even html files if they contain <script> tag with content inside. You can check it out at stackoverflow.com.
The picture shows debugger with loaded html file.
Sometimes a file may be not present in the list because there were an error during loading of the script. Check "Console" tab to see any javascript errors. Similar feature (reporting errors to Console) also provide both Firebug and Chrome devtools.
Edit:
There is a bug / misleading behavior in both Firefox and Chrome. In order to see all scripts (especially those deferredly loaded) it is necessary to open debugger window before the page starts loading. Deferred scripts are shown only if the debugger is open by the time scripts are loaded.

Thickbox problem - appearing at bottom of page

I have a PHP page, in Wordpress. When I add a inline Thickbox to the page and attempt to open it, the Thickbox opens at the very bottom of the page, after the footer.
Strangely, I took the generated HTML code, and made an HTML file with it. That HTML file opens the Thickbox correctly. The only difference is that it is not being generated by wordpress. The links to JS scripts and everything are identical.
Anyone able to shed on light into this?
Turns out it was an old source of Thickbox. I tried uploading the lastest version, imported that one instead, and all is working.
Yay.

Categories