|
   |
| Forum moderator: bigblog |
| uCoz Community For Webmasters Custom Solutions How to make a time line on user profile page? |
| How to make a time line on user profile page? |
I want a informer to display latest post on file catalog of a user on their profile page as a timeline. Which condition to use? I have use ajax load but javascript will not working inside div loaded with ajax. I want to display latest post in carousel like below
Code <div id="containerOT"> <!-- hero bg start --> <div class="hero-fullscreen"> <!-- timeline container start --> <div class="hero-bg timeline-container"> <div class="timeline"> <!-- swiper container start --> <div class="swiper-container"> <!-- swiper wrapper start --> <div class="swiper-wrapper"> <!-- latest post one --> <div class="swiper-slide overlay cover-all" data-year="$DATE$" style="background-image: url($IMG_URL1$);"> <div class="swiper-slide-content"> <span class="timeline-year">$DATE$</span> <h4 class="timeline-title"> Latest post one </h4> <p class="timeline-text"> <?if(len($MESSAGE$)>141)?><?substr($MESSAGE$,0,137)?>... <?else?>$MESSAGE$<?endif?> </p> </div> </div> <!-- latest post one --> <!-- latest post two --> <div class="swiper-slide overlay cover-all" data-year="$DATE$" style="background-image: url($IMG_URL1$);"> <div class="swiper-slide-content"> <span class="timeline-year">$DATE$</span> <h4 class="timeline-title"> Latest post one </h4> <p class="timeline-text"> <?if(len($MESSAGE$)>141)?><?substr($MESSAGE$,0,137)?>... <?else?>$MESSAGE$<?endif?> </p> </div> </div> <!-- latest post two --> <!-- latest post three --> <div class="swiper-slide overlay cover-all" data-year="$DATE$" style="background-image: url($IMG_URL1$);"> <div class="swiper-slide-content"> <span class="timeline-year">$DATE$</span> <h4 class="timeline-title"> Latest post one </h4> <p class="timeline-text"> <?if(len($MESSAGE$)>141)?><?substr($MESSAGE$,0,137)?>... <?else?>$MESSAGE$<?endif?> </p> </div> </div> <!-- latest post three --> <!-- latest post four --> <div class="swiper-slide overlay cover-all" data-year="$DATE$" style="background-image: url($IMG_URL1$);"> <div class="swiper-slide-content"> <span class="timeline-year">$DATE$</span> <h4 class="timeline-title"> Latest post one </h4> <p class="timeline-text"> <?if(len($MESSAGE$)>141)?><?substr($MESSAGE$,0,137)?>... <?else?>$MESSAGE$<?endif?> </p> </div> </div> <!-- latest post four --> </div> <!-- swiper wrapper end --> <!-- swiper navigation start --> <div class="swiper-button-prev fadeIn-element"></div> <div class="swiper-button-next fadeIn-element"></div> <div class="swiper-pagination fadeIn-element"></div> <!-- swiper navigation end --> </div> <!-- swiper container end --> </div> </div> <!-- timeline container end --> </div> <!-- hero bg end --> <!-- css --> <link href="http://www.bendella.com/global_assets/timeline.css" media="all" rel="stylesheet" type="text/css"> <!-- css --> <!-- scripts start --> <script src="http://www.11-76.com/themes/the-one-responsive/js/plugins.js" type="text/javascript"> </script> <script src="http://www.bendella.com/global_assets/the-one.js" type="text/javascript"> </script> <!-- scripts end --> Here is a working demo http://bendella.com/index/0-31 |
Harina, put the script on the profile page instead?
Quote Harina (  ) http://www.bendella.com/global_assets/the-one.js don't use absolute URLs hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau sometimes i lurk here |
Harina, i'll try to figure out a solution for this, at the moment however, using javascript in an ajax windows doesn't seem possible
Quote Harina ( ) What do you mean by absolute URLs? instead of https://whatever.bla/path/to/something use /path/to/something, it will help you prevent inconveniences like this: https://forum.ucoz.com/forum/8-21641-1 hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau sometimes i lurk here |
| |||
| |||