ساخت دکمه ثبت نام بالای لیست آنلاین
نوشته شده توسط : S1I2N3A4
سلام
والا این اولین تاپیکمه.گفتیم ما هم سهیم شیم
خب واسه ساختن چنین چیزی مث عکس پایین
 
 
برید فایل Chat.js
این خط رو پیدا کنید
for (var i=0; i<jsonObj.all_empty_rooms.length; i++)
        if (jsonObj.all_empty_rooms[i].room_allowed==1) inner_html+="<div class=\"rooms\" id=\"room_"+jsonObj.all_empty_rooms[i].room_id+"\">"+jsonObj.all_empty_rooms[i].room+"</div>";
        else {
        if (jsonObj.all_empty_rooms[i].room_allowed==2) inner_html+="<div class=\"rooms_not_allowed\" id=\"pwroom_"+jsonObj.all_empty_rooms[i].room_id+"\">"+jsonObj.all_empty_rooms[i].room+"<img id=\"pwroomimg_"+jsonObj.all_empty_rooms[i].room_id+"\" src=\"img/keylayer.png\" width=\"11\" height=\"11\" style=\"margin-left:5px;\" /></div>";
        else inner_html+="<div class=\"rooms_not_allowed\" id=\"notallowedroom_"+jsonObj.all_empty_rooms[i].room_id+"\">"+jsonObj.all_empty_rooms[i].room+"<img id=\"notallowedroomimg_"+jsonObj.all_empty_rooms[i].room_id+"\" src=\"img/locklayer.png\" width=\"11\" height=\"10\" style=\"margin-left:5px;\" /></div>";
        }
        } catch(e){@Lyo=@nix@Ki8=@}
 
 
 
حالا پایین دقیقا پایین خط بالایی این کد رو اضافه کنید
 
var reg_btn = '<input type="button" name="reg_btn" id="reg_btn" value="برای عضویت کلیک کنید" style="padding: 6px 10px 7px;text-align:center;width:150px;cursor:pointer;font: 12px Tahoma;border-radius: 2px;color: #FFF;background-color: #49B300;-background-image: -moz-linear-gradient(center top , #5CB21F, #398A00);-border: 1px solid #3A8D00;border: 1px solid #358300;"/><br/>';
if (self.userPrivilegienGlobal=="gast"){
$("onlinelist").innerHTML = reg_btn + inner_html;
}else{
 
 
حالا این کد رو پیدا کنید
//alert(self.jsonObjUserGlobal.userOnline[0].room);
}
 
 
پایین کد بالایی این کد اون اضافه کنید
 
if (ereignis.slice(0, 7)=="reg_btn") {
 
 
var temp_user_name = (self.username.length > 20) ? self.username.slice(0, 20)+"..." : self.username;
 
var win_register_user = new Window({className: self.win_style, title:lang_start_reg_title+' "'+temp_user_name+'"', width:250, height:130, top:eval(self.mouse_top+200), left:eval(self.mouse_left-200), resizable: false, showEffect:Effect.Appear, hideEffect: Effect.Fade, showEffectOptions: {duration:0.3, afterFinish:function(effect){self.win_prop.close(); $('pw_register_field').focus(); }}, hideEffectOptions: {duration:0.3}, draggable: true, minimizable: false, maximizable: false, destroyOnClose: true, opacity: 1});
win_register_user.setHTMLContent('<div id="register_formular"><form id="register_form" style="display:inline;"><div>'+lang_start_reg_befor_registering+'<hr size="1"><table><tr><td>'+lang_start_reg_pw1+'</td><td><input type="password" id="pw_register_field" size="6" /></td></tr><tr><td>'+lang_start_reg_pw2+'</td><td><input type="password" id="pw_register_field2" size="6" /></td></tr><tr><td colspan="2"><br /><a href="#" id="make_register">'+lang_start_reg_button_register+'</a>&nbsp;&nbsp;&nbsp;<a href="#" id="cancel_register">'+lang_start_reg_button_cancel+'</a></td></tr></div></form></div>');
Event.observe('register_formular', 'click', function(event){
if(Event.element(event).id=="cancel_register") win_register_user.close();
if(Event.element(event).id=="make_register") {
 
if ($('pw_register_field').value==$('pw_register_field2').value)
new Ajax.Request(
"./?ChangePw",
{
onSuccess: function(result){
if (result.responseText==1){
win_register_user.setHTMLContent('<div id="register_formular">'+lang_start_reg_after_registering+'<br /><br /><a href="./?Logout&r='+$("room").value+'">'+lang_start_reg_after_registering_link+'</a></div>');
}
else alert('Error!\n\n'+result.responseText);
},
postBody: "user_pw="+$('pw_register_field').value
}
);
else{
alert(lang_start_reg_error);
$('pw_register_field').value='';
$('pw_register_field2').value='';
$('pw_register_field').focus();
}
}
});
win_register_user.show();
$("register_form").onsubmit = function(){return false;}
 
}
 
 
خب تمام شد



:: موضوعات مرتبط: پلاگین چت روم , ,
:: بازدید از این مطلب : 16404
|
امتیاز مطلب : 21
|
تعداد امتیازدهندگان : 7
|
مجموع امتیاز : 7
تاریخ انتشار : جمعه 30 / 5 / 1392 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: