Đăng nhập

Ghi nhớ
Latest topics
» Trỏ tên miền p.a vietnam
by tommy_phan Today at 9:43 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» Skin]Teen Pro9x [ PunBB ]
by phamtuananh9x 15/2/2017, 12:57 pm

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cần xin skin ngamvn.com
by sayedn73 14/12/2016, 2:24 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

» [Thắc mắc] RIP Giúp Em Topics_Blog_Box
by sayedn73 21/10/2016, 8:03 am

» Làm sao để làm Shop Pet
by aquariuss 20/10/2016, 2:21 pm

» các thím trên chinhphuc thử tìm từ khóa này xem
by bucnong1 17/10/2016, 1:35 pm

Top posting users this week
tommy_phan
 


[Hỏi đáp] Dùng JS để chèn 1 ID cạnh 1 ID khác[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

[Hỏi đáp] Dùng JS để chèn 1 ID cạnh 1 ID khác[✔]

Bài gửi by Juny Thoang on 25/5/2015, 8:05 pm

Mọi người sửa code giúp với: Đây là đoạn code hiện tại của mình có div id="visitorTabs" mình muốn nó nằm bênh cạnh (bên trái) một phần tử a id="thetv" class="tvabout"
Đại loại là dùng js giống như kiểu first hay after gì đó để chèn cái thằng div id="visitorTabs" vào bên trái thằng a id="thetv" class="tvabout" ( 2 thằng này không nằm trong 1 temp )
Mình có nên dùng js ở dạng document.write như vậy không? nếu có cách nào hay chia sẻ mình nha.



Code:
<script type="text/javascript">
function writeHTMLasJS(){
document.write("  <div id="visitorTabs"> <ul class="nav">");
document.write("<li class="navLi" style=" background: #124661; border-left: 1px solid #858A8C;"><a class="topMenuLink"><span class="miniMe"> <dd class="avatarUCPuser avatarOption"><div id="avatar1"><\/div><\/dd><\/span> <b class="userNameTopMenu"><div style="font-size: 13px;"><span class="USERLINK"><\/span><\/div><\/b><span style="-webkit-margin-before: 11px;" class="arrowWidget"><\/span><\/a><ul class="AccountMenu" style="display: none;"><div class="menuHeader userMenuHeader"><a class="plainImage" original-title=""><span class="imgMem"><dd class="avatarUCPuser avatarOption"> <div id="avatar2"><\/div><\/dd><\/span><\/a><h3><a class="concealedMem" original-title="Xem hồ sơ của bạn"><div style=" margin-top: 1px; font-size: 17px;"><span class="USERNAME" style="color: #F01515;"><\/span><\/div><\/a><\/h3><div class="muteTopMenu"><div class="infoMute">Số bài viết : <span class="user-numPost"><span class="USERCOUNTPOST"><\/span><\/span><\/div><div class="infoMute">Ngày sinh : <span class="user-thankPost"><span class="USERBIRTHDAY"><\/span><\/span><\/div><div class="infoMute">Ngày tham gia : <span class="user-thankedPost"><span class="USERREGDATE"><\/span><\/span><\/div><div class="infoMute">Online gần đây :<span class="user-thankedPost"> <span class="USERLASTVISIT"><\/span><\/span><\/div><\/div><\/div><div class="menuColumns secondaryContents"><ul class="col1 ulBlockLinksList"style=" float: left; "><li><a title="Click để xem cách chuyển ngôn ngữ về tiếng Việt cho tài khoản của bạn"><img src="http:\/\/i.imgur.com\/Ky0hXo6.png"\/> Chọn ngôn ngữ<\/a><\/li><li><a href="\/profile?mode=editprofile&amp;page_profil=informations" title=""><img src="http:\/\/i.imgur.com\/AqRNSfW.png"\/> Lý lịch<\/a><\/li><li><a href="\/profile?mode=editprofile&amp;page_profil=signature" title=""><img src="http:\/\/i.imgur.com\/6DTrVCm.png"\/> Chữ ký<\/a><\/li><li><a href="\/profile?mode=editprofile&amp;page_profil=avatars" title=""><img src="http:\/\/i.imgur.com\/cBtxlN1.png"\/> Hình đại diện<\/a><\/li><li><a href="\/profile?mode=editprofile&amp;page_profil=preferences" title=""><img src="http:\/\/i.imgur.com\/TggCrdd.png"\/> Thiết lập tài khoản<\/a><\/li><li><a href="\/profile?mode=editprofile&amp;page_profil=friendsfoes" title=""><img src="http:\/\/i.imgur.com\/Wh9e0FL.png"\/> Bạn thân<\/a><\/li><li style="height: 30px;"><a href="\/profile?mode=editprofile&amp;page_profil=friendsfoes" title=""><img src="http:\/\/i.imgur.com\/RYoKGdJ.png"\/> Kẻ thù<\/a><\/li><\/ul><ul class="col2 ulBlockLinksList"><li><a href="\/profile?mode=editprofile&amp;page_profil=notifications" title=""><img src="http:\/\/i.imgur.com\/0KRFszF.png"\/> Bảng theo dõi<\/a><\/li><li><a href="\/search?search_id=egosearch" title=""><img src="http:\/\/i.imgur.com\/J55Nc3f.png"\/> Hoạt động của bạn<\/a><\/li><li><a href="\/search?search_id=watchsearch" title=""><img src="http:\/\/i.imgur.com\/dZj0pUC.png"\/> Chủ đề yêu thích<\/a><\/li><li><a href="\/search?search_id=newposts" title=""><img src="http:\/\/i.imgur.com\/GDP1ZfH.png"\/> Bài từ lần trước<\/a><\/li><li><a href="\/search?search_id=egosearch" title=""><img src="http:\/\/i.imgur.com\/hZLSK3P.png" style=" width: 11px; height: 10px;"\/> Tất cả bài của tôi<\/a><\/li><li><a href="\/search?search_id=unanswered" title=""><img src="http:\/\/i.imgur.com\/PKgHjwz.png" style=" width: 13px;height: 10px;"\/> Bài chưa có ai trả lời<\/a><\/li><li style="height: 30px;"><a href="\/profile?mode=editprofile&amp;page_profil=notifications" title=""><img src="http:\/\/i.imgur.com\/iFtTbLA.png"\/> Thông báo của bạn<\/a><\/li><\/ul><\/div><div class="menuFooter"><a href="{U_LOGIN_LOGOUT}" accesskey="x" class="floatLink importantNoticeRed" title="Bạn có thực sự muốn thoát?">Thoát<\/a> <\/div><\/ul><\/li><li class="navLi" style=" background: #97AA75; "><a href="\/privmsg?folder=inbox" class="topMenuLink" title="Tin nhắn"><img src="http:\/\/i.imgur.com\/DllKjcL.png" atl="Tin nhắn"\/> <\/a><ul class="AccountMenu" style="display: none;"><div class="menuHeader"><h3><a class="Progress">Hòm thư của bạn<\/a><\/h3> <\/div><div class="menuWraper">{PRIVATE_MESSAGE_INFO}<\/div><div class="menuFooter"><a href="\/privmsg?mode=post" class="floatLink importantNoticeRed" title="">Gửi tin nhắn mới<\/a> <a href="\/privmsg?folder=inbox" class="importantNoticeRed" title="Xem tất cả tin nhắn đến của bạn"style="display: inline-block;">Xem tất cả ...<\/a> <\/div><\/ul><\/li><li class="navLi" style=" background: #7592AA; "><a href="#" class="topMenuLink" title=""><img src="http:\/\/i.imgur.com\/W2WxaHT.png" alt="Bài viết của bạn"\/> <\/a><ul class="AccountMenu" style="display: none;"><div class="menuHeader"><h3><a class="Progress">Bài viết của bạn<\/a><\/h3> <\/div><div class="menuWraper">Bạn có <span class="mempostMenu"><span class="USERCOUNTPOST"><\/span> bài viết tại diễn đàn<\/span><\/div><div class="menuFooter"><a href="\/search?search_id=unanswered" class="floatLink importantNoticeRed" title="">Tìm kiếm bài viết<\/a> <a href="\/search?search_id=egosearch" class="importantNoticeRed"title="" style="display: inline-block;">Xem tất cả ...<\/a> <\/div><\/ul><\/li>");
document.write("<li class="navLi" style="background-image: linear-gradient(#F3F8FD,#F0F6FD,#F0F6FD,#EDF5FC,#E8F3FC,#E9F3FC,#E7F2FC,#DBEBFA,#D9EAFA,#DEEDFB,#D7E9FA,#D9EAFA,#D8E9FA,#CFE5F9,#C9DDEA,#C7D7E7);"><a class="memberLogout" href="{U_LOGIN_LOGOUT}" accesskey="x" title="Đăng xuất" style="display: inline-block;"><img src="http:\/\/i.imgur.com\/thD0v24.png" atl="Đăng xuất"\/> <\/a><\/li>");
document.write(" <\/ul><\/div>");
}
</script>


<script type="text/javascript">
writeHTMLasJS();
</script>
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: [Hỏi đáp] Dùng JS để chèn 1 ID cạnh 1 ID khác[✔]

Bài gửi by handsomevip007 on 26/5/2015, 7:34 am

Theo mình thì dùng jq cho dễ nha ngại quá
Code:
$('#thetv').before('<div id="visitorTabs"></div>');
Còn chuyện 2 thằng không nằm trong 1 temp thì... phải mổ mới biết được kết quả lè Cho link demo lên nha
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Hỏi đáp] Dùng JS để chèn 1 ID cạnh 1 ID khác[✔]

Bài gửi by Juny Thoang on 26/5/2015, 7:42 pm

Cảm ơn anh Hand nhé, dùng đoạn này không được rồi, chưa đủ công lực để đưa thằng visitorTabs nằm kế bên thetv
Thôi bỏ đi, anh giúp em viết 1 đoạn code để cho thằng #visitorTabs chỉ được phép load sau khi thằng #thetv load xong đi. Hoặc làm thế nào cho thằng #visitorTabs luôn load sau thằng #thetv củng được.
avatar
Juny Thoang
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 14/07/2014
Số bài : 112
CPP : 64
Châm ngôn sống : Mình sống rất OK, bấy bề

Xem lý lịch thành viên http://www.teenvi.com/

Về Đầu Trang Go down

Re: [Hỏi đáp] Dùng JS để chèn 1 ID cạnh 1 ID khác[✔]

Bài gửi by notme on 29/5/2015, 10:34 pm

Code:
<script type="text/javascript">
function writeHTMLasJS(){
document.write(' <div id="visitorTabs"> <ul class="nav">');
document.write('<li class="navLi" style=" background: #124661; border-left: 1px solid #858A8C;"><a class="topMenuLink"><span class="miniMe"> <dd class="avatarUCPuser avatarOption"><div id="avatar1"><\/div><\/dd><\/span> <b class="userNameTopMenu"><div style="font-size: 13px;"><span class="USERLINK"><\/span><\/div><\/b><span style="-webkit-margin-before: 11px;" class="arrowWidget"><\/span><\/a><ul class="AccountMenu" style="display: none;"><div class="menuHeader userMenuHeader"><a class="plainImage" original-title=""><span class="imgMem"><dd class="avatarUCPuser avatarOption"> <div id="avatar2"><\/div><\/dd><\/span><\/a><h3><a class="concealedMem" original-title="Xem hồ sơ của bạn"><div style=" margin-top: 1px; font-size: 17px;"><span class="USERNAME" style="color: #F01515;"><\/span><\/div><\/a><\/h3><div class="muteTopMenu"><div class="infoMute">Số bài viết : <span class="user-numPost"><span class="USERCOUNTPOST"><\/span><\/span><\/div><div class="infoMute">Ngày sinh : <span class="user-thankPost"><span class="USERBIRTHDAY"><\/span><\/span><\/div><div class="infoMute">Ngày tham gia : <span class="user-thankedPost"><span class="USERREGDATE"><\/span><\/span><\/div><div class="infoMute">Online gần đây :<span class="user-thankedPost"> <span class="USERLASTVISIT"><\/span><\/span><\/div><\/div><\/div><div class="menuColumns secondaryContents"><ul class="col1 ulBlockLinksList"style=" float: left; "><li><a title="Click để xem cách chuyển ngôn ngữ về tiếng Việt cho tài khoản của bạn"><img src="http:\/\/i.imgur.com\/Ky0hXo6.png"\/> Chọn ngôn ngữ<\/a><\/li><li><a href="\/profile?mode=editprofile&page_profil=informations" title=""><img src="http:\/\/i.imgur.com\/AqRNSfW.png"\/> Lý lịch<\/a><\/li><li><a href="\/profile?mode=editprofile&page_profil=signature" title=""><img src="http:\/\/i.imgur.com\/6DTrVCm.png"\/> Chữ ký<\/a><\/li><li><a href="\/profile?mode=editprofile&page_profil=avatars" title=""><img src="http:\/\/i.imgur.com\/cBtxlN1.png"\/> Hình đại diện<\/a><\/li><li><a href="\/profile?mode=editprofile&page_profil=preferences" title=""><img src="http:\/\/i.imgur.com\/TggCrdd.png"\/> Thiết lập tài khoản<\/a><\/li><li><a href="\/profile?mode=editprofile&page_profil=friendsfoes" title=""><img src="http:\/\/i.imgur.com\/Wh9e0FL.png"\/> Bạn thân<\/a><\/li><li style="height: 30px;"><a href="\/profile?mode=editprofile&page_profil=friendsfoes" title=""><img src="http:\/\/i.imgur.com\/RYoKGdJ.png"\/> Kẻ thù<\/a><\/li><\/ul><ul class="col2 ulBlockLinksList"><li><a href="\/profile?mode=editprofile&page_profil=notifications" title=""><img src="http:\/\/i.imgur.com\/0KRFszF.png"\/> Bảng theo dõi<\/a><\/li><li><a href="\/search?search_id=egosearch" title=""><img src="http:\/\/i.imgur.com\/J55Nc3f.png"\/> Hoạt động của bạn<\/a><\/li><li><a href="\/search?search_id=watchsearch" title=""><img src="http:\/\/i.imgur.com\/dZj0pUC.png"\/> Chủ đề yêu thích<\/a><\/li><li><a href="\/search?search_id=newposts" title=""><img src="http:\/\/i.imgur.com\/GDP1ZfH.png"\/> Bài từ lần trước<\/a><\/li><li><a href="\/search?search_id=egosearch" title=""><img src="http:\/\/i.imgur.com\/hZLSK3P.png" style=" width: 11px; height: 10px;"\/> Tất cả bài của tôi<\/a><\/li><li><a href="\/search?search_id=unanswered" title=""><img src="http:\/\/i.imgur.com\/PKgHjwz.png" style=" width: 13px;height: 10px;"\/> Bài chưa có ai trả lời<\/a><\/li><li style="height: 30px;"><a href="\/profile?mode=editprofile&page_profil=notifications" title=""><img src="http:\/\/i.imgur.com\/iFtTbLA.png"\/> Thông báo của bạn<\/a><\/li><\/ul><\/div><div class="menuFooter"><a href="{U_LOGIN_LOGOUT}" accesskey="x" class="floatLink importantNoticeRed" title="Bạn có thực sự muốn thoát?">Thoát<\/a> <\/div><\/ul><\/li><li class="navLi" style=" background: #97AA75; "><a href="\/privmsg?folder=inbox" class="topMenuLink" title="Tin nhắn"><img src="http:\/\/i.imgur.com\/DllKjcL.png" atl="Tin nhắn"\/> <\/a><ul class="AccountMenu" style="display: none;"><div class="menuHeader"><h3><a class="Progress">Hòm thư của bạn<\/a><\/h3> <\/div><div class="menuWraper">{PRIVATE_MESSAGE_INFO}<\/div><div class="menuFooter"><a href="\/privmsg?mode=post" class="floatLink importantNoticeRed" title="">Gửi tin nhắn mới<\/a> <a href="\/privmsg?folder=inbox" class="importantNoticeRed" title="Xem tất cả tin nhắn đến của bạn"style="display: inline-block;">Xem tất cả ...<\/a> <\/div><\/ul><\/li><li class="navLi" style=" background: #7592AA; "><a href="#" class="topMenuLink" title=""><img src="http:\/\/i.imgur.com\/W2WxaHT.png" alt="Bài viết của bạn"\/> <\/a><ul class="AccountMenu" style="display: none;"><div class="menuHeader"><h3><a class="Progress">Bài viết của bạn<\/a><\/h3> <\/div><div class="menuWraper">Bạn có <span class="mempostMenu"><span class="USERCOUNTPOST"><\/span> bài viết tại diễn đàn<\/span><\/div><div class="menuFooter"><a href="\/search?search_id=unanswered" class="floatLink importantNoticeRed" title="">Tìm kiếm bài viết<\/a> <a href="\/search?search_id=egosearch" class="importantNoticeRed"title="" style="display: inline-block;">Xem tất cả ...<\/a> <\/div><\/ul><\/li>');
document.write('<li class="navLi" style="background-image: linear-gradient(#F3F8FD,#F0F6FD,#F0F6FD,#EDF5FC,#E8F3FC,#E9F3FC,#E7F2FC,#DBEBFA,#D9EAFA,#DEEDFB,#D7E9FA,#D9EAFA,#D8E9FA,#CFE5F9,#C9DDEA,#C7D7E7);"><a class="memberLogout" href="{U_LOGIN_LOGOUT}" accesskey="x" title="Đăng xuất" style="display: inline-block;"><img src="http:\/\/i.imgur.com\/thD0v24.png" atl="Đăng xuất"\/> <\/a><\/li>');
document.write('<\/ul><\/div>');
}
</script> <script type="text/javascript">
writeHTMLasJS();
</script><script>
$(function(){
$('#visitorTabs').before('<div id="thetv">lol</div>');
});

</script>
avatar
notme
CPModerator
CPModerator

Chrome PunBB
Ngày đăng ký : 16/07/2011
Số bài : 871
CPP : 824
Châm ngôn sống : Nhát gái nó thành bản năng rồi :(

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Hỏi đáp] Dùng JS để chèn 1 ID cạnh 1 ID khác[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết