Flutter for web, make dynamic page that renders string from url subdirectory onto screen - flutter

As the title suggests I want to create a webpage where if I put something at the end of subdirectory the page generated will contain the text somewhere on the screen, Using any method, like GetX or default flutter framework widgets or any packages.
the purpose of doing this is to not make a backend database but let the user create their own link/page by just adding it to the end of url subdirectory.
After that, I want to implement a text field that further updates the subdirectory that updates the page with the string on the page/screen.
If it can be done on a single page it'll be better, if not I'll have to create a separate page for textfield, maybe.
Example Site

Related

Flutter Web: How to keep the navbar?

I have a basic layout for a webapp I'm trying to build with flutter. Basically there is a navbar on the left side of the screen and the content should fill the rest of the page.
Whenever a user clicks a link in the navbar, the content should update accordingly. I have an understanding on how this would work with the "old" Navigator and named routes. However, users need to be able to access certain content directly by url and the url may contain parameters, so do I have to use a Router?
From my (limited) understanding, I have to use MaterialApp.router to use a Router, but this will always redraw the WHOLE page, including the navbar.
Is there an option to update only the content part, without updating the surrounding layout?
Thanks in advance!
Go check out navigationRail in flutter, if that helps.

Flutter- Is there an option to get the text of websites in my flutter mobile app?

Im sorry, Ive been working with flutter from 3 months and this is the first time i had to come accross website and my app. I know that we can load webpages inside our app, and also we can load http data to our app. But when using http, we can only use websites of jsonplaceholder types. Am i right?
But I want to load simple websites text into my app, is that possible without jsonplaceholder? I want to access its body and use it as texts in multiple parts of my code. Is that really possible or should i hardcode it ? Can I find some Help!
Why are you not using Webview for that?
In CMSs like Joomla, you can use &tmpl=component to show the inside of the webpage body. I think that the other CMSs have the same option.
For example:
yourwebsite/index.php?option=com_ebarge&view=ebuserschoolinfo&layout=edit&tmpl=component
You can embed your link like above in your Webview.
Edit according to comments:
For setting appBar heading as webpage header or something like that, there is no other way without using the Webview widget inside other widgets. For example, you can add your Webview inside Scaffold so you can set your custom AppBar on top of Webview. With initialHeaders of Webview, you can communicate with your webpage.

Displaying the wiki content dynamically beside each image

I want to display images of 10 people on my dashboard, when i hover the image dynamically it needs to display a wiki page to the side of each image related to that person, how do i achieve this in tableau?
Here are the steps after you have a dashboard with your people on one of the charts. My example uses the pesticide list from the most recent #makeovermonday.
In your dashboard, drag the web page object in.
Click the option dropdown of that new object and click Add URL Action.
In the popup place the main portion of your wikipedia url in the box and select your people field which will become the dynamic portion of the URL. Mine is pesticides.
Change Run action on to Hover
Now when you hover on your main chart it will update the web page object with the person hovered on. I just hovered on Atrazine in this image
You will probably have to update your people names to make sure they match wikipedia's url.

How did Facebook implement the chat sidebar?

I'm trying to understand how Facebook implements the chat sidebar. It seems to stay there even as I change pages. For example, if I select some text inside the sidebar, then click to go to another Facebook page, the text remains selected. It's as if it was a separate frame, but when I look at the code, it's not.
All requests are made trough AJAX calls. Only "content" container is replaced when needed.
You don't actually "go" to another page. Just the "content" div gets updated.
There is a container DOM element called "fb_content", its content is replaced through straight-forward AJAX or more technically XMLHttpRequest. (Although when for example you enter an app, the entire page is refreshed.) To update the address bar they use the JavaScript History API.
In addition to what Zeno and lericson said (fb_content gets updated via ajax), the address bar also gets updated while maintaining the history (if you press back/forward).

Zend_Dojo_Form in tabs creates ID conflicts

I have a dojo layout that creates a sidebar on the left with a list of pages and a center area which is a tab container.
When a user double clicks a page in the sidebar, it creates a new closable tab in the center with a form to edit that page (the form is loaded via the href attribute on the ContentPanes, it's a standard Zend Framework request). However, if I open two or more pages, it creates all the elements and form controls with the same dijit IDs which creates conflicts. (This is expected I guess)
Aside from manually appending the current page ID to every element/dijit on the tab contents, does anyone know of a cleaner way for me to do this? Will this be an issue with the form element name attributes still being the same?
I guess the other approach is to not put id's on any of your widgets.