<div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/58722/Japan%27s%20strongest%20energy%20attractions%20to%20Ibaraki%20Prefecture%20Hitachi%20City%20%20%22Oniwa%20Shrine%22%20charge" data-share-title="Japan's strongest energy attractions to Ibaraki Prefecture Hitachi City "Oniwa Shrine" charge" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="0" data-related_id="58722"><span class="icon icon-bookmark"></span></button> </div> </div> </div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Japan's strongest energy attractions to Ibaraki Prefecture Hitachi City "Oniwa Shrine" charge</h3> <!-- <div class="excerpt-text">description?????</div> --> </a> </div> <div class="col-md-4 col-sm-4 post"> <a href="/stories/58522/What%20is%20the%20characteristics%20of%20the%20Izu%20sightseeing%20train%20%22%E3%82%B6%20%E3%83%AD%20%E3%82%A4%20%E3%83%AB%20%E3%82%A8%20%E3%82%AF%20%E3%82%B9%20%E3%83%97%20%E3%83%AC%20%E3%82%B9%22%20debut%20features%3F"> <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/fccc/43ab/c743/f84e/4899176_full.jpg)"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/58522/What%20is%20the%20characteristics%20of%20the%20Izu%20sightseeing%20train%20%22%E3%82%B6%20%E3%83%AD%20%E3%82%A4%20%E3%83%AB%20%E3%82%A8%20%E3%82%AF%20%E3%82%B9%20%E3%83%97%20%E3%83%AC%20%E3%82%B9%22%20debut%20features%3F" data-share-title="What is the characteristics of the Izu sightseeing train "ザ ロ イ ル エ ク ス プ レ ス" debut features?" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="0" data-related_id="58522"><span class="icon icon-bookmark"></span></button> </div> </div> </div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">What is the characteristics of the Izu sightseeing train "ザ ロ イ ル エ ク ス プ レ ス" debut features?</h3> <!-- <div class="excerpt-text">description?????</div> --> </a> </div> <div class="col-md-4 col-sm-4 post"> <div class="post-tit-list"> <div class="post-list"> <a href="/stories/58024/Tokyo%E2%80%99s%20Weird%20%26amp%3B%20Wonderful%20Themed%20Restaurants"> <div class="post-img-left" style="background-image:url(//img.triplisher.com/ARTICLE/ab3f/9cab/2241/41f8/4655_14746326518857_full.jpg)"></div> </a> <h3><a href="/stories/58024/Tokyo%E2%80%99s%20Weird%20%26amp%3B%20Wonderful%20Themed%20Restaurants">Tokyo’s Weird & Wonderful Themed Restaurants</a></h3> </div> <div class="post-list"> <a href="/stories/53585/Why%20I%20choose%20to%20shoot%20with%20a%20fixed%20lens%20camera%20like%20the%20Fuji%C2%A0X100T"> <div class="post-img-left" style="background-image:url(//img.triplisher.com/ARTICLE/91f5/738a/8274/05b0/4179_14745964137724_full.jpg)"></div> </a> <h3><a href="/stories/53585/Why%20I%20choose%20to%20shoot%20with%20a%20fixed%20lens%20camera%20like%20the%20Fuji%C2%A0X100T">Why I choose to shoot with a fixed lens camera like the Fuji X100T</a></h3> </div> <div class="post-list"> <a href="/stories/53194/Ibusuki%20%26amp%3B%20Kagoshima%C2%A0Trip"> <div class="post-img-left" style="background-image:url(//img.triplisher.com/ARTICLE/6780/0448/6c11/9599/3973_14745812691113_full.jpg)"></div> </a> <h3><a href="/stories/53194/Ibusuki%20%26amp%3B%20Kagoshima%C2%A0Trip">Ibusuki & Kagoshima Trip</a></h3> </div> <div class="post-list"> <a href="/stories/52958/I%E2%80%99m%20a%20Traveler%20on%20a%20Budget%E2%80%8A%E2%80%94%E2%80%8ANot%20a%20Budget%C2%A0Traveler"> <div class="post-img-left" style="background-image:url(//img.triplisher.com/ARTICLE/f550/e0ba/9e1c/4e8b/3850_14745732004851_full.jpg)"></div> </a> <h3><a href="/stories/52958/I%E2%80%99m%20a%20Traveler%20on%20a%20Budget%E2%80%8A%E2%80%94%E2%80%8ANot%20a%20Budget%C2%A0Traveler">I’m a Traveler on a Budget — Not a Budget Traveler</a></h3> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="row"> <div class="profile-list profile-like col-md-12"> <h3 class="profile-title">collections<a class="change-tab-btn" data-tab="collection">see more</a></h3> <div class="row like-list"> </div> </div> <div class="clearfix"></div> </div> </div> </section> <!-- card --> <section class="nav_tab_content overview_tab_content " data-tab="card"> <div id="my-card-list" class="container my_page"> <div class="container"> <div class="row post-content"> <div class="col-md-6 col-sm-6 post post-lg post-card" card_id="151"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/151/%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%99%E0%B9%84%E0%B8%81%E0%B9%88%E0%B8%97%E0%B8%AD%E0%B8%94cmu" data-share-title="ร้านไก่ทอดcmu" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="234"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/a8f1/5eda/80c5/0adb/151_full.jpg)"></div> <span class="post-place">ร้านไก่ทอดcmu</span> <h3 class="post-tit">ร้านไก่ทอดcmu</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-6 col-sm-6 post post-lg post-card" card_id="170"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/170/UN%20Irish%20Pub%20%26amp%3B%20Crusty%20Loaf%20Bakery" data-share-title="UN Irish Pub & Crusty Loaf Bakery" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="265"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/149e/9677/a598/9fd3/170_full.jpg)"></div> <span class="post-place">UN Irish Pub & Crusty Loaf Bakery</span> <h3 class="post-tit">UN Irish Pub & Crusty Loaf Bakery</h3> <div class="excerpt-text"></div> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-4 col-sm-4 post post-md post-card" card_id="195"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/195/Heaven%20Beach" data-share-title="Heaven Beach" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="297"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/0336/dcba/b05b/9d5a/195_300.jpg)"></div> <span class="post-place">Heaven Beach</span> <h3 class="post-tit">Heaven Beach</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-4 col-sm-4 post post-md post-card" card_id="206"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/206/Night%20Bazaar%2CChiang%20Mai%2CChiang%20Mai%20Province%2CThailand" data-share-title="Night Bazaar,Chiang Mai,Chiang Mai Province,Thailand" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="309"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/7eab/e3a1/649f/fa2b/206_300.jpg)"></div> <span class="post-place">Night Bazaar</span> <h3 class="post-tit">Night Bazaar,Chiang Mai,Chiang Mai Province,Thailand</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-4 col-sm-4 post"> <div class="post-tit-list"> <div class="post-list post-card" card_id="214"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/ca46/c1b9/512a/7a83/214_300.jpg)"></div> </a> <h3> <span class="post-place">Red Lion</span> <a >The Red Lion English Pub and Restaurant</a> </h3> </div> <div class="post-list post-card" card_id="341"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/3dd4/8ab3/1d01/6ffc/341_300.jpg)"></div> </a> <h3> <span class="post-place">Wat Pha Lat</span> <a >Wat Pha Lat,Chiang Mai,Chiang Mai Province,Thailand</a> </h3> </div> <div class="post-list post-card" card_id="392"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/f73b/76ce/8949/fe29/392_300.jpg)"></div> </a> <h3> <span class="post-place">Wat Mahawan</span> <a >Wat Mahawan,Chiang Mai,Chiang Mai Province,Thailand</a> </h3> </div> <div class="post-list post-card" card_id="398"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/b7b1/6ecf/8ca5/3723/398_300.jpg)"></div> </a> <h3> <span class="post-place">Wat Chet Yot</span> <a >Wat Chet Yot, Chiang Mai, Thailand</a> </h3> </div> </div> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-4 col-sm-4 post post-card" card_id="600"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/600/Lanna%20Architecture%20Center%2C%20Chiang%20Mai%2C%20Thailand" data-share-title="Lanna Architecture Center, Chiang Mai, Thailand" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="863"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(https://img.triplisher.com/PIC/d490/d7b4/5762/90fa/600_300.jpg)"> <div class="post-txt"> <span class="post-place">Lanna Architecture Center</span> <h3 class="post-tit">Lanna Architecture Center, Chiang Mai, Thailand</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="col-md-4 col-sm-4 post post-card" card_id="621"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/621/Wat%20Loi%20Khro%2CChiang%20Mai%2CChiang%20Mai%20Province%2CThailand" data-share-title="Wat Loi Khro,Chiang Mai,Chiang Mai Province,Thailand" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="879"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(https://img.triplisher.com/PIC/85fc/37b1/8c57/0974/621_300.jpg)"> <div class="post-txt"> <span class="post-place">Wat Loi Khro</span> <h3 class="post-tit">Wat Loi Khro,Chiang Mai,Chiang Mai Province,Thailand</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="col-md-4 col-sm-4 post post-card" card_id="673"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/673/Wat%20Muen%20Lan%2CChiang%20Mai%2CChiang%20Mai%20Province%2CThailand" data-share-title="Wat Muen Lan,Chiang Mai,Chiang Mai Province,Thailand" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="970"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(https://img.triplisher.com/PIC/9f39/6fe4/4e7c/05c1/673_300.jpg)"> <div class="post-txt"> <span class="post-place">Wat Muen Lan</span> <h3 class="post-tit">Wat Muen Lan,Chiang Mai,Chiang Mai Province,Thailand</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-3 col-sm-3 post post-card" card_id="826"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/826/Thailand%20Chiang%20Mai%20Elephants" data-share-title="Thailand Chiang Mai Elephants" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="179"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/795c/7a7a/5ec6/b460/826_300.jpg)"></div> <span class="post-place">Wat Lok Molee</span> <h3 class="post-tit">Thailand Chiang Mai Elephants</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-3 col-sm-3 post post-card" card_id="850"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/850/Wat%20Chiang%20Man%2C%20Chiang%20Mai" data-share-title="Wat Chiang Man, Chiang Mai" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="257"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/1efa/39bc/aec6/f390/850_300.jpg)"></div> <span class="post-place">Wat Chiang Man</span> <h3 class="post-tit">Wat Chiang Man, Chiang Mai</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-6 col-sm-6 post post-lg post-card" card_id="972"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/972/The%20Pizza%20and%20Sizzler" data-share-title="The Pizza and Sizzler" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="789"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(https://img.triplisher.com/PIC/c22a/bfa3/79f3/8b5b/972_full.jpg)"> <div class="post-txt"> <span class="post-place">Songkran Festival Chiang Mai</span> <h3 class="post-tit">The Pizza and Sizzler</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="post post-full post-card" card_id="1074"> <a > <div class="post-inbox"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/1074/Nokonoshima%20Island%2C%20Fukuoka%2C%20Japan" data-share-title="Nokonoshima Island, Fukuoka, Japan" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1073"><span class="icon icon-bookmark"></span></button> </div> </div> <div class="post-full-img" style="background-image:url(https://img.triplisher.com/PIC/708f/3cf8/100d/5e71/1074_full.jpg)"> <div class="post-txt"> <span class="post-place">Nokonoshima Island</span> <h3 class="post-tit">Nokonoshima Island, Fukuoka, Japan</h3> <div class="excerpt-text"> </div> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="container"> <div class="row post-content"> <div class="col-md-6 col-sm-6 post post-lg post-card" card_id="1192"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/1192/Konohana%20Garden%2C%20Momochihama%2C%20Fukuoka%2C%20Japan" data-share-title="Konohana Garden, Momochihama, Fukuoka, Japan" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1191"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(https://img.triplisher.com/PIC/5229/2e0c/763f/d027/1192_full.jpg)"> <div class="post-txt"> <span class="post-place">Konohana Garden, Momochihama</span> <h3 class="post-tit">Konohana Garden, Momochihama, Fukuoka, Japan</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="col-md-3 col-sm-3 post post-card" card_id="1219"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/1219/Noko%20Museum%2C%20Fukuoka%2C%20Japan" data-share-title="Noko Museum, Fukuoka, Japan" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1226"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/2715/518c/8759/9930/1219_300.jpg)"></div> <span class="post-place">Noko Museum</span> <h3 class="post-tit">Noko Museum, Fukuoka, Japan</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-3 col-sm-3 post post-card" card_id="1268"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/1268/Umichurara%2C%20Naha%2C%20Japan" data-share-title="Umichurara, Naha, Japan" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1279"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/1930/02e6/6875/8ea9/1268_300.jpg)"></div> <span class="post-place">Umichurara</span> <h3 class="post-tit">Umichurara, Naha, Japan</h3> <div class="excerpt-text"></div> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-4 col-sm-4 post"> <div class="post-tit-list"> <div class="post-list post-card" card_id="1316"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/f3f1/b7fc/5a87/79a9/1316_300.jpg)"></div> </a> <h3> <span class="post-place">Shuri Castle Festival</span> <a >Shuri Castle Festival, Naha, Japan</a> </h3> </div> <div class="post-list post-card" card_id="1440"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/f4a3/31b7/a22d/1b23/1440_300.jpg)"></div> </a> <h3> <span class="post-place">Kengun Shrine</span> <a >Kengun Shrine, Kumamoto, Japan</a> </h3> </div> <div class="post-list post-card" card_id="1452"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/6786/f3c6/2fbf/9021/1452_300.jpg)"></div> </a> <h3> <span class="post-place">Catholic Tetori Church</span> <a >Catholic Tetori Church, Kumamoto, Japan</a> </h3> </div> <div class="post-list post-card" card_id="1534"> <a ><div class="post-img-left" style="background-image:url(https://img.triplisher.com/PIC/d63f/bf8c/3173/730f/1534_300.jpg)"></div> </a> <h3> <span class="post-place">Kushida Shrine</span> <a >Kushida Shrine 櫛田神社</a> </h3> </div> </div> </div> <div class="col-md-4 col-sm-4 post post-md post-card" card_id="1676"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/1676/%E4%B8%AD%E5%BA%AD" data-share-title="中庭" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1100"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/831c/2f88/a604/a07c/1676_300.jpg)"></div> <span class="post-place">Hakata Machiya Folk Museum</span> <h3 class="post-tit">中庭</h3> <div class="excerpt-text"></div> </a> </div> <div class="col-md-4 col-sm-4 post post-md post-card" card_id="1736"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/card/1736/Red%E4%B8%80style%20season" data-share-title="Red-style season" data-share-type="card"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a > <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/c0d0/e461/de8d/0024/1736_300.jpg)"></div> <span class="post-place">Yusentei Park</span> <h3 class="post-tit">Red-style season</h3> <div class="excerpt-text"></div> </a> </div> </div> <div class="gridline-x"></div> </div> </div> <div class="clearfix"></div> <!-- 下拉 more --> <div id="get_more_card" class="row get_more" data-page='1' data-end='0' style="width:100%;height:50px;"></div> </section> <!-- trip --> <section class="nav_tab_content overview_tab_content " data-tab="trip"> <div class="container"> <div class="row my_page"> <!-- FILTER --> <div class="col-md-3 col-sm-3" id="trip-filter"></div> <!-- LIST --> <div id="my-trip-list" class="col-md-9 col-sm-9"> </div> </div> </div> <div class="clearfix"></div> <!-- 下拉 more --> <div id="get_more_trip" class="row get_more" data-page='1' data-end='0' style="width:100%;height:50px;"></div> </section> <!-- story --> <section class="nav_tab_content overview_tab_content " data-tab="story"> <div id="my-story-list" class="container my_page"> <div class="container"> <div class="row post-content"> <div class="col-md-6 col-sm-6 post post-lg"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/58722/Japan%27s%20strongest%20energy%20attractions%20to%20Ibaraki%20Prefecture%20Hitachi%20City%20%20%22Oniwa%20Shrine%22%20charge" data-share-title="Japan's strongest energy attractions to Ibaraki Prefecture Hitachi City "Oniwa Shrine" charge" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/58722/Japan%27s%20strongest%20energy%20attractions%20to%20Ibaraki%20Prefecture%20Hitachi%20City%20%20%22Oniwa%20Shrine%22%20charge"> <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/776a/6258/b149/f5c4/5277631_full.jpg" alt=""> </div> <div class="image-lcation"> <i class="fa fa-map-marker" aria-hidden="true"></i> <div class="pull-clear"></div> <div class="image-search-result"></div> </div> </div> <div class="image-title"> </div> <div class="image-description"> <textarea class="image-description-textarea)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Japan's strongest energy attractions to Ibaraki Prefecture Hitachi City "Oniwa Shrine" charge</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-6 col-sm-6 post post-lg"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/58522/What%20is%20the%20characteristics%20of%20the%20Izu%20sightseeing%20train%20%22%E3%82%B6%20%E3%83%AD%20%E3%82%A4%20%E3%83%AB%20%E3%82%A8%20%E3%82%AF%20%E3%82%B9%20%E3%83%97%20%E3%83%AC%20%E3%82%B9%22%20debut%20features%3F" data-share-title="What is the characteristics of the Izu sightseeing train "ザ ロ イ ル エ ク ス プ レ ス" debut features?" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/58522/What%20is%20the%20characteristics%20of%20the%20Izu%20sightseeing%20train%20%22%E3%82%B6%20%E3%83%AD%20%E3%82%A4%20%E3%83%AB%20%E3%82%A8%20%E3%82%AF%20%E3%82%B9%20%E3%83%97%20%E3%83%AC%20%E3%82%B9%22%20debut%20features%3F"> <div class="post-img" style="background-image:url(https://img.triplisher.com/PIC/fccc/43ab/c743/f84e/4899176_full.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">What is the characteristics of the Izu sightseeing train "ザ ロ イ ル エ ク ス プ レ ス" debut features?</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-4 col-sm-4 post post-md"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/58024/Tokyo%E2%80%99s%20Weird%20%26amp%3B%20Wonderful%20Themed%20Restaurants" data-share-title="Tokyo’s Weird & Wonderful Themed Restaurants" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/58024/Tokyo%E2%80%99s%20Weird%20%26amp%3B%20Wonderful%20Themed%20Restaurants"> <div class="post-img" style="background-image:url(//img.triplisher.com/ARTICLE/ab3f/9cab/2241/41f8/4655_14746326518857_full.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Tokyo’s Weird & Wonderful Themed Restaurants</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-4 col-sm-4 post post-md"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/53585/Why%20I%20choose%20to%20shoot%20with%20a%20fixed%20lens%20camera%20like%20the%20Fuji%C2%A0X100T" data-share-title="Why I choose to shoot with a fixed lens camera like the Fuji X100T" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/53585/Why%20I%20choose%20to%20shoot%20with%20a%20fixed%20lens%20camera%20like%20the%20Fuji%C2%A0X100T"> <div class="post-img" style="background-image:url(//img.triplisher.com/ARTICLE/91f5/738a/8274/05b0/4179_14745964137724_full.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Why I choose to shoot with a fixed lens camera like the Fuji X100T</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-4 col-sm-4 post"> <div class="post-tit-list"> <div class="post-list"> <a href="/stories/53194/Ibusuki%20%26amp%3B%20Kagoshima%C2%A0Trip"> <div class="post-img-left" style="background-image:url(//img.triplisher.com/ARTICLE/6780/0448/6c11/9599/3973_14745812691113_full.jpg)"></div> </a> <h3> <a href="/stories/53194/Ibusuki%20%26amp%3B%20Kagoshima%C2%A0Trip">Ibusuki & Kagoshima Trip</a> </h3> </div> <div class="post-list"> <a href="/stories/52958/I%E2%80%99m%20a%20Traveler%20on%20a%20Budget%E2%80%8A%E2%80%94%E2%80%8ANot%20a%20Budget%C2%A0Traveler"> <div class="post-img-left" style="background-image:url(//img.triplisher.com/ARTICLE/f550/e0ba/9e1c/4e8b/3850_14745732004851_full.jpg)"></div> </a> <h3> <a href="/stories/52958/I%E2%80%99m%20a%20Traveler%20on%20a%20Budget%E2%80%8A%E2%80%94%E2%80%8ANot%20a%20Budget%C2%A0Traveler">I’m a Traveler on a Budget — Not a Budget Traveler</a> </h3> </div> <div class="post-list"> <a href="/stories/52450/Chicago%26%23039%3Bs%20jazz%20and%20blues%20shrines"> <div class="post-img-left" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/rc/p014rc38.jpg)"></div> </a> <h3> <a href="/stories/52450/Chicago%26%23039%3Bs%20jazz%20and%20blues%20shrines">Chicago's jazz and blues shrines</a> </h3> </div> <div class="post-list"> <a href="/stories/52148/Go%20batty%20in%20Austin%2C%20Texas"> <div class="post-img-left" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/mr/p014mrvr.jpg)"></div> </a> <h3> <a href="/stories/52148/Go%20batty%20in%20Austin%2C%20Texas">Go batty in Austin, Texas</a> </h3> </div> </div> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-4 col-sm-4 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51926/Living%20in%3A%20Chicago" data-share-title="Living in: Chicago" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/51926/Living%20in%3A%20Chicago"> <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/hk/p014hkq1.jpg)"> <div class="post-txt"> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Living in: Chicago</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="col-md-4 col-sm-4 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51884/Mini%20guide%20to%20Boston%2C%20Massachusetts" data-share-title="Mini guide to Boston, Massachusetts" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/51884/Mini%20guide%20to%20Boston%2C%20Massachusetts"> <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/h9/p014h9c7.jpg)"> <div class="post-txt"> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Mini guide to Boston, Massachusetts</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="col-md-4 col-sm-4 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51637/Exploring%20New%20York%E2%80%99s%20Erie%20Canal" data-share-title="Exploring New York’s Erie Canal" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/51637/Exploring%20New%20York%E2%80%99s%20Erie%20Canal"> <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/0z/76/p00z76dp.jpg)"> <div class="post-txt"> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Exploring New York’s Erie Canal</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-3 col-sm-3 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51627/In%20Boston%2C%20leaf%20peeping%20by%20bike" data-share-title="In Boston, leaf peeping by bike" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/51627/In%20Boston%2C%20leaf%20peeping%20by%20bike"> <div class="post-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/0z/9x/p00z9xn3.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">In Boston, leaf peeping by bike</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-3 col-sm-3 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51305/A%20bizarre%20bazaar%20in%20Brooklyn" data-share-title="A bizarre bazaar in Brooklyn" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/51305/A%20bizarre%20bazaar%20in%20Brooklyn"> <div class="post-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/1n/c1/p01nc1dq.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">A bizarre bazaar in Brooklyn</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-6 col-sm-6 post post-lg"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51073/The%20return%20of%20Mexico%E2%80%99s%20national%20nectar" data-share-title="The return of Mexico’s national nectar" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/51073/The%20return%20of%20Mexico%E2%80%99s%20national%20nectar"> <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/pc/p014pcjl.jpg)"> <div class="post-txt"> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">The return of Mexico’s national nectar</h3> <!-- <div class="excerpt-text"></div> --> </div> <div class="cardGradient"></div> </div> </div> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="post post-full"> <a href="/stories/51055/Mini%20guide%20to%20the%20Yucat%C3%A1n%20Peninsula%2C%20Mexico"> <div class="post-inbox"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/51055/Mini%20guide%20to%20the%20Yucat%C3%A1n%20Peninsula%2C%20Mexico" data-share-title="Mini guide to the Yucatán Peninsula, Mexico" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <div class="post-full-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/k3/p014k3m4.jpg)"> <div class="post-txt"> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Mini guide to the Yucatán Peninsula, Mexico</h3> <!-- <div class="excerpt-text"></div> --> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="container"> <div class="row post-content"> <div class="col-md-6 col-sm-6 post post-lg"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/50867/The%20beauty%20of%20Oman" data-share-title="The beauty of Oman" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/50867/The%20beauty%20of%20Oman"> <div class=" post-inbox"> <div class="post-full-img" style=" background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/n4/p014n4t9.jpg)"> <div class="post-txt"> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">The beauty of Oman</h3> </div> <div class="cardGradient"></div> </div> </div> </a> </div> <div class="col-md-3 col-sm-3 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/50651/One%20country%E2%80%99s%20endless%20war%20against%20water" data-share-title="One country’s endless war against water" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/50651/One%20country%E2%80%99s%20endless%20war%20against%20water"> <div class="post-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/3g/vr/p03gvrp4.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">One country’s endless war against water</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-3 col-sm-3 post"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/50635/Switzerland%E2%80%99s%20summer%20secrets" data-share-title="Switzerland’s summer secrets" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/50635/Switzerland%E2%80%99s%20summer%20secrets"> <div class="post-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/0t/r9/p00tr9xs.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">Switzerland’s summer secrets</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> </div> <div class="gridline-x"></div> </div> <div class="container"> <div class="row post-content"> <div class="col-md-4 col-sm-4 post"> <div class="post-tit-list"> <div class="post-list"> <a href="/stories/50465/Granada%20beyond%20the%20Alhambra"> <div class="post-img-left" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/h9/p014h9gb.jpg)"></div> </a> <h3> <a href="/stories/50465/Granada%20beyond%20the%20Alhambra">Granada beyond the Alhambra</a> </h3> </div> <div class="post-list"> <a href="/stories/50343/Lonely%20Planet%26%23039%3Bs%20top%2010%20Moscow%20attractions"> <div class="post-img-left" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/sd/p014sd9v.jpg)"></div> </a> <h3> <a href="/stories/50343/Lonely%20Planet%26%23039%3Bs%20top%2010%20Moscow%20attractions">Lonely Planet's top 10 Moscow attractions</a> </h3> </div> <div class="post-list"> <a href="/stories/50137/Lonely%20Planet%26%23039%3Bs%20top%2010%20sights%20in%20Rome"> <div class="post-img-left" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/rb/p014rb21.jpg)"></div> </a> <h3> <a href="/stories/50137/Lonely%20Planet%26%23039%3Bs%20top%2010%20sights%20in%20Rome">Lonely Planet's top 10 sights in Rome</a> </h3> </div> <div class="post-list"> <a href="/stories/50117/From%20gladiators%20to%20pasta%3A%20Top%20Roman%20courses%20to%20take"> <div class="post-img-left" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/rc/p014rchk.jpg)"></div> </a> <h3> <a href="/stories/50117/From%20gladiators%20to%20pasta%3A%20Top%20Roman%20courses%20to%20take">From gladiators to pasta: Top Roman courses to take</a> </h3> </div> </div> </div> <div class="col-md-4 col-sm-4 post post-md"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/49889/The%20world%E2%80%99s%20smallest%20kingdom" data-share-title="The world’s smallest kingdom" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/49889/The%20world%E2%80%99s%20smallest%20kingdom"> <div class="post-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/3l/t3/p03lt306.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">The world’s smallest kingdom</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> <div class="col-md-4 col-sm-4 post post-md"> <div class="imagebuttonAction"> <div class="rightSide-botton menu-div"> <button class="btn btnRound menu-btn share-btn" data-share-url="/stories/49432/In%20search%20of%20the%20original%20British%20Olympics" data-share-title="In search of the original British Olympics" data-share-type="article"><span class="icon icon-share"></span></button> <button class="btn btnRound menu-btn collect-btn" data-collection-type="3" data-related_id="1120"><span class="icon icon-bookmark"></span></button> </div> </div> <a href="/stories/49432/In%20search%20of%20the%20original%20British%20Olympics"> <div class="post-img" style="background-image:url(http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/14/g1/p014g1fm.jpg)"></div> <div class="post-name tp-user-link" data-href="/"> <div class="user-image" style="background-image:url('https://img.triplisher.com/USERIMG/.jpg')"></div> </div> <h3 class="post-tit">In search of the original British Olympics</h3> <!-- <div class="excerpt-text"></div> --> </a> </div> </div> <div class="gridline-x"></div> </div> </div> <div class="clearfix"></div> <!-- 下拉 more --> <div id="get_more_story" class="row get_more" data-page='1' data-end='0' style="width:100%;height:50px;"></div> </section> <!-- collection --> <section class="nav_tab_content overview_tab_content " data-tab="collection"> <div class="container"> <div id="my-collection-list" class="row my_page like-list"> </div> </div> <div class="clearfix"></div> <!-- 下拉 more --> <div id="get_more_collection" class="row get_more" data-page='1' data-end='0' style="width:100%;height:50px;"></div> </section> <!-- profile --> <!-- <section class="profile_nav_tab_content nav_tab_content overview_tab_content " data-tab="profile"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-8"> <article class="about"> <h1 class="profile_title">About</h1> <div class="profile_block"> <p class="about_self_text"> XXXX I work in marketing at a startup in Ottawa, ON Canada. I love travelling and learning about new cultures, food, and meeting people. </p> <div class="items_group"> <p class="item" data-title-name="School">XXXX Shih Hsin University</p> <p class="item" data-title-name="Driving">XXXX Newbie (0-100 hours)</p> <p class="item" data-title-name="Tourgaide CERT">XXXX Yes</p> </div> </div> <div class="profile_block"> <div class="items_group"> <p class="item" data-title-name="Height / Weight">XXXX Shih Hsin University</p> <p class="item" data-title-name="Sepcial Need">XXXX Newbie (0-100 hours)</p> <p class="item" data-title-name="Sleeping Habit"><span class="<sleeping_habit> </sleeping_habit>">XXXX Before midnight Yes</span></p> <p class="item" data-title-name="Favorite Music Type"> <span class="music_type">XXXX Alternative Music</span> <span class="comma">,</span> <span class="music_type">Blues</span> </p> </div> </div> </article> </div> <div class="col-sm-12 col-md-4"> <article class="bacic_info"> <h1 class="profile_title">Basic Info</h1> <div class="basic_info_block"> <div class="items_group"> <p class="item" data-title-name="Real Name">XXXX O yaling</p> <p class="item" data-title-name="Gender">XXXX Female</p> <p class="item" data-title-name="Birth Date">XXXX 16 oct 1990</p> <p class="item" data-title-name="Nationality">XXXX Taiwan</p> </div> </div> </article> </div> <div class="clearfix"></div> </div> </div> </section> --> <!-- my review --> <section class="review_navtab_content nav_tab_content overview_tab_content " data-tab="review"> <div class="col-md-8 col-md-offset-2"> <div class="main_content"> <div class="all_review_wrap"> <nav class="nav_tabs review_menu"> <div class="nav_tabs_wrap"> <a class="nav_tab change-review-tab-btn review-tab active" data-tab="my">My Reviews</a> <a class="nav_tab change-review-tab-btn review-tab " data-tab="trip">trip review</a> <a class="nav_tab change-review-tab-btn review-tab " data-tab="story">story review</a> <a class="nav_tab change-review-tab-btn review-tab " data-tab="card">card review</a> </div> </nav> <!-- My review --> <div id="my-review-list" class="my_review_navtab_content nav_tab_content review-tab-container active" data-tab="my"> </div> <!-- Card Review --> <div id="my-review-card-list" class="nav_tab_content review-tab-container " data-tab="card"></div> <!-- Trip Review --> <div id="my-review-trip-list" class="nav_tab_content review-tab-container " data-tab="trip"></div> <!-- Story Review --> <div id="my-review-story-list" class="nav_tab_content review-tab-container " data-tab="story"></div> </div> </div> </div> </div> </div> <!-- template --> <script src="/asset/js/lang/en/location_lang.js"></script> <script src="/asset/js/lang/en/card_lang.js"></script> <script src="/asset/js/template.js"></script> <!-- include js --> <script src="https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js"></script> <!-- share --> <link rel="stylesheet" type="text/css" href="/asset/css/share.css"> <script src="/asset/js/share.js"></script> <!-- colection --> <link rel="stylesheet" type="text/css" href="/asset/css/collection.css"> <script src="/asset/js/lang/en/collection_lang.js"></script> <script src="/asset/js/collection.js"></script> <!-- review --> <script src="/asset/js/lang/en/review_lang.js"></script> <script src="/asset/js/review.js"></script> <link rel="stylesheet" type="text/css" href="/asset/css/review.css"> <script src='/asset/js/lang/en/trip_lang.js'></script> <script> (function($) { $.fn.tripfilter = function(settings) { var thisFilter = this ; var defaultSettings = { filterList : {} , filterType : '' , filterValue : '' , onFilter : function() {} , }; var _settings = $.extend(defaultSettings,settings) ; function tripfilter_list() { trip_filter_template( _settings.filterList ); } function location_tree_item( tree_div, cityIndex, cityVal ) { //name tree_div.append( filter_item( 'location', '', cityIndex, cityVal.name, cityVal.count ) ); if( Object.keys(cityVal.cities).length > 0 ) { var childrenList = $('<ul>'); //children $.each(cityVal.cities, function(index, val) { location_tree_item( childrenList, index, val ); }); tree_div.append( $('<li>').append(childrenList) ); return; } else { return; } } function trip_filter_template( filterList ) { // location var locationCountryList = $('<ul>'); $.each(filterList.location, function(index, val) { location_tree_item( locationCountryList, index, val ); }); var locationDiv = $('<div>') .addClass( 'sidenav' ) .append( '<h3>'+lang['trip_filter_location_title']+'</h3>' ) .append( locationCountryList ); $(thisFilter).append(locationDiv); /* // startDate fuck = filterList.startDate; var startYearList = $('<ul>'); $.each(filterList.startDate, function(index, val) { var startMonList = $('<ul>'); $.each( Object.keys(val.children).sort() , function( monKeyIndex, monKey ) { startMonList.append( filter_item( 'startDate', 'month', index+'-'+monKey, index+'-'+monKey, val.children[monKey] ) ); }); startYearList.append( filter_item( 'startDate', 'year', index, index, val.count ) ) .append( $('<li>').append(startMonList) ); }); var startDateDiv = $('<div>') .addClass( 'sidenav' ) .append( '<h3>'+lang['trip_filter_startDate_title']+'</h3>' ) .append( startYearList ) .append( filter_date_init() ); $(thisFilter).append(startDateDiv); // days var daysList = $('<ul>'); $.each(filterList.days, function(index, val) { daysList.append( filter_item( 'days', '', index, index, val ) ); }); var daysDiv = $('<div>') .addClass( 'sidenav' ) .append( '<h3>'+lang['trip_filter_days_title']+'</h3>' ) .append( daysList ) .append( filter_range_init('days') ); $(thisFilter).append(daysDiv); // costUSD var costList = $('<ul>'); $.each(filterList.costUSD, function(index, val) { costList.append( filter_item( 'costUSD', '', index, index, val ) ); }); var costDiv = $('<div>') .addClass( 'sidenav' ) .append( '<h3>'+lang['trip_filter_cost_title']+'</h3>' ) .append( costList ) .append( filter_range_init('costUSD') ); $(thisFilter).append(costDiv); */ } function filter_item( filter_type, filter_sub_type, item_value, item_name, item_count ) { var item_link = $('<a>').addClass('trip-filter') .html( item_name+' ('+item_count+')'); if( filter_type == 'startDate' ) { if( filter_sub_type == 'year' ) { if( item_value != '0000') item_value = { 'start':item_value+'-01-01' , 'end':item_value+'-12-31' }; else item_value = { 'start':'0000-00-00' , 'end':'0000-00-00' }; } else { var dtYear = parseInt( item_value.substring(0, item_value.indexOf('-') ) ); var dtMonth = parseInt(item_value.substr(-2,2)); var dtDay = '31'; if (dtMonth ==4 || dtMonth==6 || dtMonth==9 || dtMonth==11) dtDay = '30'; else if (dtMonth == 2) { var isleap = (dtYear % 4 == 0 && (dtYear % 100 != 0 || dtYear % 400 == 0)); if( !isleap ) dtDay = '28'; else dtDay = '29'; } dtYear = full_zero(dtYear, 4); dtMonth = full_zero(dtMonth, 2); item_value = { 'start':dtYear+'-'+dtMonth+'-01' , 'end':dtYear+'-'+dtMonth+'-'+dtDay }; } } item_link.bind( 'click', function() { _onFilter( $(this), filter_type, item_value ) } ) return $('<li>').append( item_link ); } function _onFilter( clickElement, filter_type, filter_value ) { if( clickElement.parent().hasClass('active') ) { // 取消filter clickElement.parent().removeClass('active'); filter_type = ''; filter_value = ''; } else { $(thisFilter).find(".trip-filter").each(function(index, el) { $(this).parent().removeClass('active'); }); clickElement.parent().addClass('active'); if( filter_type == 'costUSD' || filter_type == 'days' ) { filter_value = { 'start':filter_value , 'end':filter_value }; } } _settings.filterType = filter_type; _settings.filterValue = filter_value; _settings.onFilter( filter_type, filter_value ); } function filter_date_init() { var filterStartDiv = $('<input>').attr('type', 'text').attr('placeholder','start date'); var filterEndDiv = $('<input>').attr('type', 'text').attr('placeholder','end date'); var filterDateRangeBtn = $('<button>').attr('class', 'btn btn-primary disabled') .css('display', 'inherit') .html('Search') .bind( 'click', function() { filter_with_date_range( filterStartDiv.val(), filterEndDiv.val() ); } ); from = filterStartDiv.datepicker({numberOfMonths:2, beforeShow: function (textbox, instance) { var txtBoxOffset = $(this).parents('.filter-date-div').offset(); var top = txtBoxOffset.top; var left = txtBoxOffset.left; var textBoxHeight = $(this).parents('.filter-date-div').outerHeight(); top = top + textBoxHeight; setTimeout(function () { instance.dpDiv.css({ top: top , //you can adjust this value accordingly left: left //show at the end of textBox }); }, 0); filterDateRangeBtn.addClass('disabled'); }, onClose: function( textbox, instance ) { filterDateRangeBtn.removeClass('disabled'); } }).on( "change", function() { to.datepicker( "option", "minDate", getDate( this ) ); to.datepicker( "option", "ChooseMinDate", getDate( this ) ); if ( to.val()=='' ) { var d = new Date( from.val() ); d.setDate(d.getDate() + 2); to.val( d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() ) ; from.datepicker( "option", "maxDate", d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() ); from.datepicker( "option", "ChooseMaxDate", d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() ); to.datepicker( "option", "ChooseMaxDate", d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() ); } setTimeout(function () { filterEndDiv.trigger( "focus" ); }, 100); }); to = filterEndDiv.datepicker({numberOfMonths:2, beforeShow: function (textbox, instance) { var txtBoxOffset = $(this).parents('.filter-date-div').offset(); var top = txtBoxOffset.top; var left = txtBoxOffset.left; var textBoxHeight = $(this).parents('.filter-date-div').outerHeight(); top = top + textBoxHeight; setTimeout(function () { instance.dpDiv.css({ top: top , //you can adjust this value accordingly left: left //show at the end of textBox }); }, 0); filterDateRangeBtn.addClass('disabled'); }, onClose: function( textbox, instance ) { filterDateRangeBtn.removeClass('disabled'); } }).on( "change", function() { from.datepicker( "option", "maxDate", getDate( this ) ); if ( from.val()=='' ) { to.datepicker( "option", "ChooseMinDate", '2024-04-27' ); } from.datepicker( "option", "ChooseMaxDate", getDate( this ) ); to.datepicker( "option", "ChooseMaxDate", getDate( this ) ); }); filterStartDiv.datepicker( "option", "dateFormat", 'yy-mm-dd' ); filterEndDiv.datepicker( "option", "dateFormat", 'yy-mm-dd' ) .datepicker( "option", "mtype", 'to' ); return $('<div>').addClass('filter-date-div') .append( filterStartDiv ) .append( filterEndDiv ) .append( filterDateRangeBtn ); } function filter_range_init( filter_type ) { var filterStartDiv = $('<input>').attr('number', 'text').attr('placeholder','min'); var filterEndDiv = $('<input>').attr('number', 'text').attr('placeholder','max'); var filterRangeBtn = $('<button>').attr('class', 'btn btn-primary') .css('display', 'inherit') .html('Search') .bind( 'click', function() { filter_with_range( filter_type, filterStartDiv.val(), filterEndDiv.val() ); } ); return $('<div>').append( filterStartDiv ) .append( filterEndDiv ) .append( filterRangeBtn ); } function getDate( element ) { var date; try { date = $.datepicker.parseDate( 'yy-mm-dd' , element.value ); } catch( error ) { date = null; } return date; } function isDate(txtDate) { var currVal = txtDate; if(currVal == '') return false; var rxDatePattern = /^(\d{4})(\/|-)(\d{1,2})(\/|-)(\d{1,2})$/; //Declare Regex var dtArray = currVal.match(rxDatePattern); // is format OK? if (dtArray == null) return false; //Checks for mm/dd/yyyy format. dtMonth = dtArray[3]; dtDay= dtArray[5]; dtYear = dtArray[1]; if (dtMonth < 1 || dtMonth > 12) return false; else if (dtDay < 1 || dtDay> 31) return false; else if ((dtMonth==4 || dtMonth==6 || dtMonth==9 || dtMonth==11) && dtDay ==31) return false; else if (dtMonth == 2) { var isleap = (dtYear % 4 == 0 && (dtYear % 100 != 0 || dtYear % 400 == 0)); if (dtDay> 29 || (dtDay ==29 && !isleap)) return false; } return true; } function full_zero( num, len ) { var len_tmp = num.toString().length; len_tmp = len-len_tmp; var num_string = ''; for( var i = 1; i <= len_tmp; i++ ) { num_string += '0'; } return num_string+num; } function filter_with_date_range( start_date, end_date ) { if( start_date != '' && end_date != '' ) { if( !isDate( start_date ) || !isDate( end_date ) ) { modal_alert(lang['trip_filter_alert_date_fomate_err']); } else if( (new Date(end_date).getTime() < new Date(start_date).getTime()) ) { modal_alert(lang['trip_filter_alert_date_prior_to_start']); } else { $(thisFilter).find(".trip-filter").each(function(index, el) { $(this).parent().removeClass('active'); }); _settings.filterType = 'startDate'; _settings.filterValue = { 'start':start_date , 'end':end_date }; _settings.onFilter( 'startDate', { 'start':start_date , 'end':end_date } ); } } else { modal_alert(lang['trip_filter_alert_date_fomate_err']); } } function filter_with_range( filterType, start, end ) { if( start != '' && end != '' ) { if( !$.isNumeric(start) || !$.isNumeric(end) ) { modal_alert(lang['trip_filter_alert_range_not_num']); } else if( start > end ) { modal_alert(lang['trip_filter_alert_range_min_more_than_max']); } else { $(thisFilter).find(".trip-filter").each(function(index, el) { $(this).parent().removeClass('active'); }); _settings.filterType = filterType; _settings.filterValue = { 'start':start , 'end':end }; _settings.onFilter( filterType, { 'start':start , 'end':end } ); } } else { modal_alert(lang['trip_filter_alert_range_empty']); } } $.fn.tripfilter.filterInfo = function() { return {'type':_settings.filterType, 'value':_settings.filterValue} }; return this.each(function() { tripfilter_list() ; }); }; }( jQuery )); </script> <script> var short_url = 'Anne_King_2019'; var active_tab = 'overview'; var to_get_more = 0 ; var header_hight = 0; var content_minheight = 0; $(document).ready(function() { header_hight = $('header').outerHeight(true); content_minheight = header_hight + $('.user_page_menu').outerHeight(true); $('.overview_tab_content').css('min-height', ($(window).height()-content_minheight)+'px'); }); $(window).resize(function(event) { $('.overview_tab_content').css('min-height', ($(this).height()-content_minheight)+'px'); }); $(".change-tab-btn").click(function(event) { var selected_tab = $(this).data('tab'); var page = -1; $('.user_page_menu .nav_tab').each(function(index, el) { if( $(el).data('tab') == selected_tab ) { $(el).addClass('active'); } else { $(el).removeClass('active'); } }); $(".overview_tab_content").each(function(index, el) { if($(el).data('tab') == selected_tab) { $(el).addClass('active'); //取得目前頁數 if(selected_tab != 'profile') page = $(el).children('.get_more').data('page'); } else { $(el).removeClass('active'); } }); active_tab = selected_tab; //切換url tab參數 window.history.pushState("location", "triplisher", "/"+short_url+"/"+selected_tab); // //目前頁數為零 -> 取得最新資料 if( page == 0) get_mylist( selected_tab, page ); // //scroll 如果拉到頁面下方 換tab時 拉到nav bar位置 if( $(window).scrollTop() > $('.nav_tabs').offset().top - header_hight ) { $(window).scrollTop( $('.nav_tabs').offset().top - header_hight ); } }); $(document).ready(function() { // trip filter var trip_filter = $("#trip-filter").tripfilter({ filterList: {"location":[],"startDate":[],"days":[],"costUSD":[]}, onFilter: function ( filter_type, filter_value ) { $('#my-trip-list').html(''); to_get_more = 1 ; get_mylist( active_tab, 0, filter_type, filter_value ) ; $(window).scrollTop( $('.nav_tabs').offset().top - header_hight ); } } ); // 下拉選單增加list $(window).scroll(function () { if( active_tab != 'profile' ) { var get_more_offset = 0; var page = 0; var end = 0; switch (active_tab) { case 'card': get_more_offset = $('#get_more_card').offset().top; page = $('#get_more_card').data('page'); end = $('#get_more_card').data('end'); break; case 'trip': get_more_offset = $('#get_more_trip').offset().top; page = $('#get_more_trip').data('page'); end = $('#get_more_trip').data('end'); break; case 'story': get_more_offset = $('#get_more_story').offset().top; page = $('#get_more_story').data('page'); end = $('#get_more_story').data('end'); break; case 'collection': get_more_offset = $('#get_more_collection').offset().top; page = $('#get_more_collection').data('page'); end = $('#get_more_collection').data('end'); break; } if( page > 0 && end == 0 ) { // 下拉到某處 if ( $(window).scrollTop()+$(window).height() > (get_more_offset-800) ) { if ( to_get_more == 0 ) { // 讀取卡片列表 to_get_more = 1 ; get_mylist( active_tab, page ) ; }; } } } }); }); function get_mylist( selected_tab, page, filter_type, filter_value ) { if( selected_tab == 'card') { //get data $.ajax({ url: '//www.triplisher.com/user/ajax_user_card', type: 'POST', dataType: 'json', data: { shorturl: short_url, page:page }, }) .done(function(msg) { if ( msg.Rcode == '100' ) { template = card_new_template( msg.cardlist ) ; $('#my-card-list').append( template ) ; if ( template == '' ) { template = 'There is no result. Please try to search other keywords.' ; } // 讀取歸0 to_get_more = 0 ; //還有資料 頁數+1 if( msg.cardlist.length == 25 ) { // 頁數+1 page++ ; $('#get_more_card').data('page', page); } else { $('#get_more_card').data('end', 1); } } }) ; } else if( selected_tab == 'trip') { //get data $.ajax({ url: '//www.triplisher.com/user/ajax_user_trip', type: 'POST', dataType: 'json', data: { shorturl: short_url, page:page, filter_type:filter_type, filter_value:filter_value }, }) .done(function(msg) { if ( msg.Rcode == '100' ) { template = ''; $.each( msg.triplist , function(index, val) { template += profile_trip_template( val ) ; }); $('#my-trip-list').append( template ) ; if ( template == '' ) { template = 'There is no result. Please try to search other keywords.' ; } // 讀取歸0 to_get_more = 0 ; //還有資料 頁數+1 if( msg.triplist.length > 0 ) { // 頁數+1 page++ ; $('#get_more_trip').data('page', page); $('#get_more_trip').data('end', 0); } else { $('#get_more_trip').data('end', 1); } } }) ; } else if( selected_tab == 'story') { //get data $.ajax({ url: '//www.triplisher.com/user/ajax_user_article', type: 'POST', dataType: 'json', data: { shorturl: short_url, page:page }, }) .done(function(msg) { if ( msg.Rcode == '100' ) { template = story_template( msg.articlelist ) ; $('#my-story-list').append( template ) ; if ( template == '' ) { template = 'There is no result. Please try to search other keywords.' ; } // 讀取歸0 to_get_more = 0 ; //還有資料 頁數+1 if( msg.articlelist.length == 27 ) { // 頁數+1 page++ ; $('#get_more_story').data('page', page); } else { $('#get_more_story').data('end', 1); } } }) ; } else if( selected_tab == 'collection') { //get data $.ajax({ url: '//www.triplisher.com/user/ajax_get_user_collect', type: 'POST', dataType: 'json', data: { shorturl: short_url, page:page }, }) .done(function(msg) { if ( msg.Rcode == '100' ) { template = ''; $.each( msg.collects , function(index, val) { template += profile_collect_template( val ) ; }); $('#my-collection-list').append( template ) ; if ( template == '' ) { template = 'There is no result. Please try to search other keywords.' ; } // 讀取歸0 to_get_more = 0 ; //還有資料 頁數+1 if( msg.collects.length > 0 ) { // 頁數+1 page++ ; $('#get_more_collection').data('page', page); } else { $('#get_more_collection').data('end', 1); } } }) ; } } //文章作者連結 $(document).on('click', '.tp-user-link', function(event) { event.preventDefault(); window.location.href = $(this).data('href'); }); // ---- review ------ $(document).ready(function() { //php thisUser 正在看的會員 user自己 // $('#reviews-list-holder-profile').review({ // type : '4' , // related_id : '44' , // owner : '44' , // thisUser : '0' , // thisUserName : '' , // privateOption : true // }) ; $('#my-review-list').review({ type : '6' , related_id : 0 , thisUser : '0' , thisUserName : '' , addlPara : { ownerUser : '44' , }, checkAuth : 1 , show_item_detail: 1 , mode : 2 , subMode : 2 , canAsk : 0 }) ; $('#my-review-card-list').review({ type : '0' , related_id : '0' , thisUser : '0' , thisUserName : '' , reviewUser : '44' , show_item_detail: 1 }) ; $('#my-review-trip-list').review({ type : '3' , related_id : '0' , thisUser : '0' , thisUserName : '' , reviewUser : '44' , show_item_detail: 1 }) ; $('#my-review-story-list').review({ type : '2' , related_id : '0' , thisUser : '0' , thisUserName : '' , reviewUser : '44' , show_item_detail: 1 }) ; }); // ------- Review ----------- $(".change-review-tab-btn").click(function(event) { var selected_tab = $(this).data('tab'); $(this).siblings(".review-tab").removeClass('active'); $(this).addClass('active'); $(".review-tab-container").each(function(index, el) { if($(el).data('tab') == selected_tab) { $(el).addClass('active'); } else { $(el).removeClass('active'); } }); //切換url tab參數 window.history.pushState("location", "triplisher", "/"+short_url+"/review="+selected_tab); }); // function review_pagination(tab, current_page, total_page) { // var str = ''; // str += '<div class="moreComments">'; // str += ' <nav>'; // str += ' <ul class="pagination" data-current-page='+current_page+'> '; // if( current_page == 1 ) { // str += ' <li class="disabled">'; // } else { // str += ' <li>'; // } // str += ' <a class="page" aria-label="Previous" data-page="pre" data-tab="'+tab+'"><span aria-hidden="true">«</span></a>'; // str += ' </li> '; // //最多顯示五個page // if( total_page <= 5 ) { // var page_start = 1; // var page_end = total_page; // } else { // var page_start = current_page - 2; // if( page_start < 1 ) page_start = 1; // var page_end = page_start + 4; // if( page_end > total_page ) { // page_end = total_page; // page_start = page_end - 4; // } // } // for (var i = page_start; i <= page_end; i++) { // if( i == current_page ) { // str += ' <li class="active"><a class="page" data-page="'+i+'" data-tab="'+tab+'">'+i+'<span class="sr-only"></span></a></li> '; // } else { // str += ' <li><a class="page" data-page="'+i+'" data-tab="'+tab+'">'+i+'</a></li> '; // } // } // if( current_page == total_page ) { // str += ' <li class="disabled">'; // } else { // str += ' <li>'; // } // str += ' <a class="page" aria-label="Next" data-page="post" data-tab="'+tab+'"><span aria-hidden="true">»</span></a>'; // str += ' </li> '; // str += ' </ul> '; // str += ' </nav>'; // str += '</div>'; // return str; // } </script> <style type="text/css"> .input_div { padding: 10px; background: #EEE; margin: 10px; } .input_div input { width: 100%; } #plan-a-trip-location-result a { display: block; padding: 10px; margin: 10px; background: #3a3322 ; color: #FFF ; } #plan-a-trip-start-date-input:focus , #plan-a-trip-end-date-input:focus{ border: 1px solid #FFC123 ; } </style> <div id="modal-trip-new" class="modal"> <div class="modal-backdrop fade in"></div> <div class="modal-table"> <div class="modal-cell"> <div class="modal-dialog modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="icon-close"></span> </button> <h4 class="modal-title">Plan a new trip</h4> </div> <div class="modal-body"> <div class="form-lg"> <label>What is your trip name?</label> <div class="form-item"> <input type="text" id="plan-a-trip-name-input" placeholder="name" maxlength="140"> </div> <label>Where are you going?</label> <div class="location-point"> <span class="icon icon-location"></span> <input type="text" id="plan-a-trip-location-input" placeholder="place"> <input type="hidden" id="plan-a-trip-location-id" value="0"> <div id="plan-a-trip-location-result" class="location-point-result"></div> </div> <label>When is your trip?</label> <div class="start-end-time"> <div class="half" style="width:100%"> <label>START：</label> <input type="text" id="plan-a-trip-start-date-input" placeholder="date" value="2024-04-27"> </div> </div> <label>Set Tags (seperate multiple tags by commas)</label> <div class="form-item"> <div id="plan-tag-list" class="tag-input-div"></div> </div> <div class="checkbox-item"> <input type="checkbox" id="plan-a-trip-status-input" value="1"> <label class="text-body-small">public</label> </div> <div class="modal-center-btn"> <button type="button" class="btn btn-primary btn-large tp-plan-a-trip-btn">Create a Trip</button> </div> </div> </div> </div> </div> </div> </div> </div> <!-- --> <script type="text/javascript"> $(document).on('click', '.tp-close-modal-btn , .modal-backdrop', function(event) { event.preventDefault(); $('body').removeClass('overhidden'); $('#modal-trip-new').hide() ; }); $('#modal-trip-new').on('click', 'button.close', function(event) { event.preventDefault(); $('body').removeClass('overhidden'); $('#modal-trip-new').hide() ; }); // var datepicker_mouseover = 1 ; jQuery(document).ready(function($) { // open plan-a-trip $('.plan-a-trip').on('click', function(event) { event.preventDefault(); $('#modal-user-add-new-trip').addClass('modal-show') ; $('#plan-a-trip-start-date-input').datepicker({numberOfMonths:2}); $('#plan-a-trip-start-date-input').datepicker( "option", "dateFormat", 'yy-mm-dd' ) .datepicker( "option", "minDate", '2024-04-27' ); }); $(document).on('keyup', '#plan-a-trip-location-input', function(event) { var location = $(this).val() ; if(event.keyCode == 13) { search_card_list() ; } else { $.ajax({ url: '/ajax/ajax_google_location', type: 'POST', dataType: 'json', data: { location: location }, }) .done(function(msg) { if ( msg.code == '100' ) { var str = '' ; $.each(msg.placelist, function(index, val) { str += '<div class="plan-a-trip-result-place" href="#" place="'+val['description']+'" place_id="'+val['place_id']+'">' ; str += ' '+val['description'] ; str += '</div>' ; }); str = '<div class="search-result">' + str + '</div>' ; $('#plan-a-trip-location-result').html(str).show() ; }; }) ; } }); $(document).on('click', '.plan-a-trip-result-place', function(event) { event.preventDefault(); var place = $(this).attr('place') ; var place_id = $(this).attr('place_id') ; $('#plan-a-trip-location-input').val(place) ; $('#plan-a-trip-location-id').val(place_id) ; $('#plan-a-trip-location-result').html('').hide() ; }); $('.tp-plan-a-trip-btn').on('click', function(event) { event.preventDefault(); // $(this).prop('disabled', true); //確定是否要等tag更新 var timeout = 1; if( $('#plan-tag-list').find('input').val().length > 0 ) { timeout = 200; } var timeInterval = setInterval( function() { if( $('#plan-tag-list').find('input').val().length == 0 ) { clearInterval( timeInterval ); var name = $('#plan-a-trip-name-input').val() ; if ( name == '' ) { $('#plan-a-trip-name-input').css('border-color','#FF0000') ; return false ; } else { $('#plan-a-trip-name-input').css('border-color','#dce0e0') ; } var place = $('#plan-a-trip-location-input').val() ; var place_id = $('#plan-a-trip-location-id').val() ; if ( place == '' ) { $('.location-point').css('border-color','#FF0000') ; return false ; } else { $('.location-point').css('border-color','#dce0e0') ; } // tag if( userData.id == 0 ) { // 未登入 var tags = []; $('#plan-tag-list').find('div').each(function(index, el) { if ( $(this).hasClass('tag') ) { tags.push( $(this).find('span').text() ); } }); } else { //已登入 var tags = {}; tags['delete'] = $('#plan-tag-list').find('.tag-delete').html(); tags['add'] = $('#plan-tag-list').find('.tag-add').html(); tags['new'] = $('#plan-tag-list').find('.tag-new').html(); } var start_date = $('#plan-a-trip-start-date-input').val() ; if ( $('#plan-a-trip-status-input').prop('checked') ) { status = 1 ; } else { status = 0 ; } $('.tp-plan-a-trip-btn').append('<i class="fa fa-spinner fa-spin"></i>') ; $.ajax({ url: '//www.triplisher.com/trip/ajax_insert_trip', type: 'POST', dataType: 'json', data: { name: name , place:place , place_id:place_id , start_date:start_date , tags:tags , status:status }, }) .done(function(msg) { if ( msg.Rcode == '100' ) { location.href="//www.triplisher.com/trip/edit/"+msg.trip_id ; } else if ( msg.Rcode == '120' ) { location.href="//www.triplisher.com/trip/vedit/"+msg.VTrip_id ; } else { $('#modal-user-add-new-trip').removeClass('modal-show') ; modal_alert('Please login or register a free accounat.') ; } $('.tp-plan-a-trip-btn').prop('disabled', false); }) ; } }, timeout); }); }); </script> <link rel="stylesheet" type="text/css" href="/asset/css/tag.css"> <script src="/asset/js/trip-tag.js"></script> <script type="text/javascript"> if( userData.id == 0 ) { // 未登入 $('#plan-tag-list').triptag( [], true ) ; } else { $('#plan-tag-list').triptag() ; } </script> <style type="text/css"> .login-div { padding: 20px; background: #EEE ; } .form-error-message { color: #FF0000 ; padding: 0px 0px 10px; } </style> <div id="modal-user-login-view" class="modal login-container"> <div class="modal-backdrop fade in"></div> <div class="modal-dialog" role="document"> <div class="modal-header"> <div class="loginLinks"> <a href="#" class="modal-content-change active" page="login">Log in</a> <a href="#" class="modal-content-change" page="signup">Sign up</a> </div> </div> <div id="modal-content-login" class="modal-content login"> <div class="modal-body"> <div class="social-buttons"> <a href="#" id="login-facebook" class="btn icon-btn login-btn-xl btn-facebook btn-block btn-large space-1"> <span class="icon-container"> <i class="icon icon-facebook"></i> </span> <span class="text-container"> Facebook </span> </a> <a href="#" id="login-google" class="btn icon-btn login-btn-xl btn-normal btn-block btn-large"> <i class="icon icon-google"></i> <span class="text-container"> Google </span> </a> </div> <div class="signup-or-separator"> <span class="h6 signup-or-separator--text">or</span> <hr> </div> <div class="form-item"> <input id="login-account" type="email" name="email" placeholder="Email" title="Email"> <div class="errmsg">Email cannot be blank.</div> </div> <div class="form-item"> <input id="login-password" type="password" name="password" placeholder="Password" title="Password"> <div class="errmsg">Password cannot be blank.</div> </div> <div class="form-error-message"></div> <a href="#" id="login-website" class="btn login-btn-xl btn-primary btn-block btn-large"> Log in </a> </div> <div class="modal-footer"> <div class="checkbox-item"> <input type="checkbox" checked="true"> <label class="text-body-small">Remember me</label> <a href="/user/reset_password" class="pull-right">Forgot password?</a> </div> </div> </div> <div id="modal-content-signup" class="modal-content signup" style="display:none;"> <div class="modal-body"> <div class="social-buttons"> <a href="#" id="signup-facebook" class="btn icon-btn login-btn-xl btn-facebook btn-block btn-large space-1"> <span class="icon-container"> <i class="icon icon-facebook"></i> </span> <span class="text-container"> Facebook </span> </a> <a href="#" id="signup-google" class="btn icon-btn login-btn-xl btn-normal btn-block btn-large"> <i class="icon icon-google"></i> <span class="text-container"> Google </span> </a> </div> <div class="signup-or-separator"> <span class="h6 signup-or-separator--text">or</span> <hr> </div> <a href="/user/signup" class="btn icon-btn login-btn-xl btn-primary btn-block btn-large space-1"> <span class="icon-container"> <i class="icon icon-envelop"></i> </span> <span class="text-container"> Email </span> </a> </div> <div class="modal-footer"> <p class="terms">By signing up, I agree to Triplisher's <a href="/home/terms_of_service" >terms of service</a>, <a href="/home/privacy_policy" >privacy policy</a>.</p> </div> </div> </div> </div> <script type="text/javascript"> $('.modal-content-change').on('click', function(event) { event.preventDefault(); $('.modal-content-change').removeClass('active') ; $(this).addClass('active') ; var page = $(this).attr('page'); if ( page == 'login' ) { $('#modal-content-login').show(); $('#modal-content-signup').hide(); } else { $('#modal-content-login').hide(); $('#modal-content-signup').show(); } }); $(document).on('click', '.tp-close-modal-btn , .modal-backdrop', function(event) { event.preventDefault(); $('.card-list-holder').removeClass('blur') ; $('body').removeClass('overhidden'); $('#modal-user-login-view').hide() ; }); // google signin jQuery(document).ready(function($) { var googleUser = {}; gapi.load('auth2', function(){ auth2 = gapi.auth2.init({ client_id : '1044499998891-4ibdvonk4tjkiuccqget565ffo1totgl.apps.googleusercontent.com', cookiepolicy : 'single_host_origin', scope : 'profile email' }); attachSignin(document.getElementById('login-google')); attachSignin(document.getElementById('signup-google')); }); function attachSignin(element) { auth2.attachClickHandler(element, {}, function(googleUser) { var id_token = googleUser.getAuthResponse().id_token; var xhr = new XMLHttpRequest(); xhr.open('POST', '/user/ajax_google_signin'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onload = function() { var msg = $.parseJSON(xhr.responseText); page_signin_process( msg ) ; }; xhr.send('id_token='+id_token ); }, function(error) { modal_alert(JSON.stringify(error, undefined, 2)); }); } }); $('a#login-facebook,a#signup-facebook').on('click' , function(event) { event.preventDefault(); FB.login(function(response) { if (response.status === 'connected') { $.ajax({ url: '/user/ajax_facebook_signin', type: 'POST', dataType: 'json', }) .done(function(msg) { page_signin_process( msg ) ; }) ; } else { modal_alert('Facebook is not connecting.') ; } }, {scope: 'public_profile,email',return_scopes: true}); }); $('#login-website').on('click', function(event) { event.preventDefault(); var account = $('#login-account').val() ; var password = $('#login-password').val() ; if ( account=='' || password=='' ) { modal_alert('Please keyin Account or Password') ; } else { $.ajax({ url: '/user/ajax_website_login', type: 'POST', dataType: 'json', data: {account: account , password:password }, }) .done(function(msg) { if ( msg.Rcode == '462' ) { $('#modal-user-login-view').find('.form-error-message').html('Your email or password is incorrect.') ; } else { $('#modal-user-login-view').find('.form-error-message').html('') ; page_signin_process(msg) ; } }); } }); function page_signin_process( msg ) { if ( msg.Rcode == '100' ) { // 更新痊癒變數 , 有多療癒要痊癒 ? userData.id = msg.user_id ; userData.name = msg.name ; // 更新右上角的 header 資訊 , 不要更新頁面 var str = '<div class="comp pull-right">' + ' <div class="header-user">' + ' <a href="//www.triplisher.com/'+msg.short_url+'" class="hd-btn">' + ' <span class="margin-right-tiny">'+msg.name+'</span>' + ' <div class="pull-right media-round user-image" style="background-image: url(https://img.triplisher.com/USERIMG/'+msg.user_id+'.jpg);"></div>' + ' </a>' + ' <div class="header-opt-holder">' + ' <a href="//www.triplisher.com/my/trip">' + ' <div class="user-item">My Trips</div>' + ' </a>' + ' <a href="//www.triplisher.com/my/card">' + ' <div class="user-item">My Cards</div>' + ' </a>' + ' <a href="//www.triplisher.com/my/article">' + ' <div class="user-item">My Stories</div>' + ' </a>' + ' <a href="//www.triplisher.com/my/collect">' + ' <div class="user-item">My Collection</div>' + ' </a>' + ' <a href="//www.triplisher.com/profile">' + ' <div class="user-item">Edit my info</div>' + ' </a>' + ' <a href="//www.triplisher.com/user/logout">' + ' <div class="user-item">Logout</div>' + ' </a>' + ' </div>' + ' </div>' + '</div>' + '<div class="comp pull-right">' + ' <div class="header-create">' + ' <a href="#" class="hd-btn">Start</a>' + ' <div class="header-opt-holder">' + ' <a href="#" class="plan-a-trip">' + ' <div class="user-item">Plan a Trip</div>' + ' </a>' + ' <a href="//www.triplisher.com/my/upload">' + ' <div class="user-item">Create a Card</div>' + ' </a>' + ' <a href="//www.triplisher.com/my/article/new">' + ' <div class="user-item">Write a Story</div>' + ' </a>' + ' </div>' + ' </div>' + '</div>' ; $('#header-login-btn').after( str ) ; $('#header-login-btn').remove() ; $('#header-login-action-div').remove() ; $('#modal-user-login-view').hide() ; $('body').removeClass('overhidden'); $('.card-list-holder').removeClass('blur') ; // 重算寬度 header_search_input() ; // 開始執行本來的動作 if ( typeof userData.act !== 'undefined' ) { console.log( userData.act ); switch( userData.act ) { case 'cardview': // display_card_modal_view( userData.related_id ) ; show_popup_card( userData.related_id ) ; break; case 'locationview' : set_review( 'reset' ) ; break; case 'save-vtrip' : save_vtrip_to_trip() ; break; case 'articleview' : set_review( 'reset' ) ; break; case 'tripview' : set_review( 'reset' ) ; break; } } } else if ( msg.Rcode == '101' ) { // 註冊完成需要跳轉,verify_email location.href="/user/verify_email" ; } else if ( msg.Rcode == '462' ) { modal_alert('Your email or password is incorrect.') ; } else if ( msg.Rcode == '423' ) { location.href="/user/set_short_url" ; } else { modal_alert('Login is not working well, please try later.') ; } } </script> <style type="text/css"> #modal-dialog-card { min-height: 1050px ; } </style> <div id="modal-card-view" class="modal"></div> <script type="text/javascript"> // 讀取 Card model 狀態 var load_card_model_stat = 1 ; $(document).on('click', '.tp-close-modal-btn , .modal-card-backdrop', function(event) { event.preventDefault(); close_card_modal(); history.pushState(null, null, initialURL); }); function close_card_modal() { userData.act = '' ; userData.related_id = '' ; $('.card-list-holder').removeClass('blur') ; $('body').removeClass('overhidden'); $('#modal-card-view').scrollTop(0).hide().html('') ; } $(document).on('click', '.ImageDim,.info', function(event) { //排除卡片資訊上的作者連結 if( event.target.tagName != 'A') { var card_id = $(this).parents('.card').attr('card_id'); if( card_id && card_id != '' && card_id != 0 ) { show_popup_card( card_id ); history.pushState({ "initialURL": initialURL, "card_id": card_id }, null, "/card/"+card_id); } } }); $(document).on('click', '.post-card, .card-popup-link', function(event) { var card_id = $(this).attr('card_id'); if( card_id && card_id != '' && card_id != 0 ) { show_popup_card( card_id ); history.pushState({ "initialURL": initialURL, "card_id": card_id }, null, "/card/"+card_id); } }); var initialURL = location.href; $(window).bind('popstate', function (event) { // card modal if( window.history.state !== null) { if( initialURL == window.history.state.initialURL ) { // popup show_popup_card( window.history.state.card_id ); } else { // page window.location.href = location.href; return false; } } else { // initialURL if( location.href == initialURL ) { close_card_modal(); } else { window.location.href = location.href; return false; } } }); function show_popup_card( card_id ) { $('#modal-card-view').scrollTop(0) ; card_modal_init(card_id); // 設定兩秒後開始窗 load_card_model_stat = 0 ; setTimeout( "read_card_open_wait_loader_div()" , 2000 ) ; } function read_card_open_wait_loader_div() { if ( load_card_model_stat == 0 ) { $('#wait-loader-modal').show() ; } } function card_modal_init(card_id) { var str = '<div class="modal-card-backdrop"></div>' + '<div class="modal-content-body" >' + '<div id="modal-dialog-card" class="modal-dialog">' + ' <div class="modal-content">' + ' <div class="action-bar menu-div">' + ' <button type="button" class="btn btn-default share-btn" data-placement="right" data-share-type="card"><span class="icon-share"></span>share' + ' </button>' + ' <button type="button" class="btn btn-default collect-btn" data-placement="right"><span class="icon-bookmark"></span>save</button>' + ' <button type="button" class="close tp-close-modal-btn">' + ' <span class="icon-close"></span>' + ' </button>' + ' </div>' + ' <div class="card-modal-body">' + ' <div id="modal-dialog-card" class="modal-dialog"> ' + ' <div class="modal-content">' + ' </div>' + ' </div>' + ' </div>' + ' </div>' + '</div>' + '<div class="container" style="position: relative;z-index: 100;">' + ' <div class="row others card-modal-article-list"></div>' + '</div>' + '<div class="container" style="position: relative;z-index: 100;">' + ' <div class="row others card-modal-trip-list"></div>' + '</div>' + '<div class="container" style="position: relative;z-index: 100;">' + ' <div class="others card-modal-card-list"></div>' + '</div>' + '</div>' ; $( "#modal-card-view" ).html( str ) ; display_card_modal_view( card_id ) ; } function display_card_modal_view( card_id ) { // if( typeof iRECcard == 'undefined' ) iRECcard = []; $.ajax({ url: '//www.triplisher.com/card/ajax_get_card_detail_by_card_id', type: 'POST', dataType: 'json', data: { iRECcard:iRECcard , card_id: card_id }, }) .done(function(msg) { if ( msg.Rcode=='100' ) { // 不需要開窗 load_card_model_stat = 1 ; // 記錄動作 userData.act = 'cardview' ; userData.related_id = card_id ; assembling_card_info_view( 'modal', msg.card ) }; }) ; setTimeout( function () { if( iRECcard && iRECcard != 'undefined' ) cardlist_by_iRECcard( card_id, 'modal' ) ; }, 500); } function assembling_card_info_view( view_type, card ) { var card_view_div = $('#modal-card-view'); if( view_type == 'page' ) card_view_div = $("#card-view-page"); var str = card_modal_template( card ) ; // 資料輸入 card_view_div.find('.card-modal-body').html( str ); card_view_div.find('.card-modal-comment').html('').review({ type : '0' , category : card.location.category , related_id : card.card_id , location_id : card.location.location_id , owner : card.user_id , thisUser : userData.id , thisUserName : userData.name , reviewNo : card.No.reviewNo }) ; //share btn card_view_div.find('.share-btn').data('share-url', '/card/'+card.card_id+'/'+encodeURIComponent(card.title)); card_view_div.find('.share-btn').data('share-title', card.title); //collect btn card_view_div.find('.collect-btn').data('collection-type', '1').data('related_id', card.card_id); if( view_type == 'modal' ) { $('#wait-loader-modal').hide() ; $('.card-list-holder').addClass('blur') ; $('body').addClass('overhidden'); card_view_div.show() ; } var hhh = card_view_div.find('.modal-content-body').height() ; card_view_div.find('.modal-card-backdrop').css('height', hhh + 'px'); } function cardlist_by_iRECcard( card_id, view_type ) { // if( typeof iRECcard == 'undefined' ) iRECcard = []; $.ajax({ url: '//www.triplisher.com/card/ajax_carslist_by_iRECcard', type: 'POST', dataType: 'json', data: { iRECcard:iRECcard , card_id:card_id }, }) .done(function(msg) { var card_view_div = $('#modal-card-view'); if( view_type == 'page' ) card_view_div = $("#card-view-page"); // card card_view_div.find('.card-modal-card-list').html(''); $modal_grid = card_view_div.find('.card-modal-card-list').masonry({ itemSelector: '.col-card', columnWidth: 5 }); if ( msg.Rcode=='100' ) { var str = ' <div class="col-md-12">' + '<h2>related stories<a href="#" class="seemore">see all</a></h2>' + ' </div>' ; var count = 0 ; $.each( msg.card.pushArticles , function(index, article) { str += card_modal_article_template( article.article ) ; count++ ; }); if ( count > 0 ) { card_view_div.find('.card-modal-article-list').html( str ); } else { card_view_div.find('.card-modal-article-list').html(''); } var str = ' <div class="col-md-12">' + '<h2>related trips<a href="#" class="seemore">see all</a></h2>' + ' </div>' ; var count = 0 ; $.each( msg.card.pushTrips , function(index, trip) { str += card_modal_trip_template( trip ) ; count++ ; }); if ( count > 0 ) { card_view_div.find('.card-modal-trip-list').html( str ); } else { card_view_div.find('.card-modal-trip-list').html(''); } $.each( msg.card.pushCards , function(index, card ) { var $content = $( card_modal_card_template( card ) ); $modal_grid.append( $content ).masonry( 'appended', $content ); }); var hhh = card_view_div.find('.modal-content-body').height() ; card_view_div.find('.modal-card-backdrop').css('height', hhh + 'px'); }; }) ; } </script> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5F94RG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5F94RG');</script> <!-- End Google Tag Manager --> <!-- ======= google sign in ==================== --> <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script> <script src="https://apis.google.com/js/api:client.js"></script> <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId : '1431118123862237', cookie : true, // enable cookies to allow the server to access xfbml : true, // parse social plugins on this page version : 'v2.2' // use version 2.2 }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- collect --> <script> $(document).on('click', '.collect-btn', function(event) { event.preventDefault(); $(this).collection({ thisUser : userData.id , type : $(this).data('collection-type') , related_id : $(this).data('related_id') }); }); </script> <script src="//www.triplisher.com/asset/js/jquery-ui.v.1.12.1.js"></script> <link rel="stylesheet" href="//www.triplisher.com/asset/css/jquery-ui.min.v.1.12.0.css"> <link rel="stylesheet" href="//www.triplisher.com/asset/css/upload-model.css"> <!-- 圖片旋轉 --> <script src="/asset/js/jQueryRotate.js"></script> <div id="upload-model"> <div class="upload-backdrop"></div> <div class="upload-body"> <div class="upload-div"> <div class="browse_container"> <a class="upload-choose-btn"> Select Photos </a> <p class="drag_drop_message"> Or drag & drop photos anywhere on this page </p> <input id="upload-card-file-input" type="file" multiple style="display:none;"> </div> <div class="cardlist_container"> <div class="search-place-map"> <div id="search-place-map"></div> <a class="close-map"> <i class="fa fa-times-circle" aria-hidden="true"></i> </a> </div> <div class="cardlist-div-holder"> <div class="cardlist-div"> <div class="upload-choose-btn"> <i class="fa fa-plus" aria-hidden="true"></i> <p>Add more Photos</p> </div> </div> </div> <div class="cardlist-detail-div"> <div class="cardlist-detail"> <div class="uploader_publish"> <a class="publish tp-upload-publish-btn">Publish Cards</a> </div> <div class="card-input"> <input type="hidden" class="iid" value="0"> <ul> <li class="image"> <label for="image"> <h4>Photo</h4> </label> <div class="input-image"></div> </li> <li class="place"> <label for="place"> <h4>Place</h4> </label> <input class="input-deta input-place" maxlength="50" placeholder="Unplaced Card"> <a class="use-place tp-use-this-place"> ALL USE THIS PLACE </a> <div class="search-place-div"></div> </li> <li class="title"> <label for="title"> <h4>Title</h4> </label> <input class="input-deta input-title" maxlength="50" placeholder="Untitled Card"> </li> <li class="dec"> <label for="dec"> <h4>Description</h4> </label> <textarea class="input-dec" rows="5">

tag