Level 122
what's your question
Aug 7, 2022
10
Level 1
How to load content without refresh the page.
I have my website that load content by it's id. I use an parameter that was added to url that get the current id.
End url parameter will get the url that associated with the id passed in url
@foreach walls as wall
<a href="?wall={{$wall->id}}" class="lg:border-b lg:flex lg:items-center lg:justify-center lg:bg-gray-100 md:inline-block md:h-auto md:mr-1 md:bg-gray-300 md:rounded md:mt-1 sm:inline-block sm:h-auto sm:mr-1 sm:bg-gray-300 sm:rounded sm:mt-1">
<img src="{{$wall->image}}" class="lg:w-24 lg:h-auto lg:p-1 md:flex md:items-center md:justify-center md:w-24 md:h-9 md:p-1 sm:flex sm:items-center sm:justify-center sm:w-24 sm:h-9 sm:p-1">
</a>
@endforeach
<div class="wall flex-1" style="height: 60vh;">
<iframe src="{{$endurl}}" frameborder="0" width="100%" height="100%" ></iframe>
</div>
Level 1
@Snapey i want to load content without refresh page ex currently i get this if click on first link http://127.0.0.1:5000/earn?wall=1 once click on second link will get http://127.0.0.1:5000/earn?wall=2 But i want to do this without refresh the page on every click when want to change between walls.
Level 122
@emilpapelas4@gmail.com You can swap the content with an ajax call, but probably you should look at Livewire.
Level 1
@Snapey maybe can u show an example with ajax
Level 122
Level 1
@Snapey Not work also not sure if u understand my question. I have an img below to see how my site look. https://imgur.com/zGKhkaA
On left side will have the walls with every time will click on one of them will get the current url of the wall by it's id and show but i dont want to refresh the page every time when change betweem them.
Level 122
@emilpapelas4@gmail.com I perfectly understood your question, but the solution is probably beyond your current skillset.
Noone can help you with "not work" I'm afraid
A simpler option, you could load ALL the content and treat it like tabbed content, only showing the relevant tab when you click the left button. It depends how much content there is.
Level 1
@Snapey ya tabbed content looks good but issue is that every content have their ID and by this I'd will show the iframe url
Level 122
@emilpapelas4@gmail.com it's not a problem only a challenge
Level 1
@Snapey what do you mean? Anyway can you give me example I really want to test it.
Please or to participate in this conversation.