Ir a contenido

Zero

Zero

Registrado: 03 sep 2011
OFFLINE Última actividad: may 09 2012 07:29
*****

En tema: [Adaptación] Codigo para Login

08 mayo 2012 - 02:09

Ver Mensajestutan-kabron, el 08 mayo 2012 - 07:42 , dijo:

es el form del login ya tu lo adaptas

Ver MensajesAltffenser, el 08 mayo 2012 - 06:28 , dijo:

amm no traía CSS ?

abre el archivo accines.js que se encuentra en Temas/tutema/js/ y busca esto:

/* Box login */
function open_login_box(action){
if($('#login_box').css('display') == 'block' && action!='open')
  close_login_box();
else{
  $('#login_error').css('display','none');
  $('#login_cargando').css('display','none');
  $('.opciones_usuario').addClass('here');
  $('#login_box').fadeIn('fast');
  $('#nickname').focus();
}
}
function close_login_box(){
$('.opciones_usuario').removeClass('here');
$('#login_box').fadeOut('fast');
}
function login_ajax(form, connect){
var el = new Array(), params = '';
if (form == 'registro-logueo' || form == 'logueo-form') {
  el['nick'] = $('.reg-login .login-panel #nickname');
  el['pass'] = $('.reg-login .login-panel #password');
  el['error'] = $('.reg-login .login-panel #login_error');
  el['cargando'] = $('.reg-login .login-panel #login_cargando');
  el['cuerpo'] = $('.reg-login .login-panel .login_cuerpo');
  el['button'] = $('.reg-login .login-panel input[type="submit"]');
} else {
  el['nick'] = $('#login_box #nickname');
  el['pass'] = $('#login_box #password');
  el['error'] = $('#login_box #login_error');
  el['cargando'] = $('#login_box #login_cargando');
  el['cuerpo'] = $('#login_box .login_cuerpo');
  el['button'] = $('#login_box input[type="submit"]');
}
if (typeof connect != 'undefined') {
  params = 'connect=facebook';
} else {
  if (empty($(el['nick']).val())) {
   $(el['nick']).focus();
   return;
  }
  if (empty($(el['pass']).val())) {
   $(el['pass']).focus();
   return;
  }
  $(el['error']).css('display', 'none');
  $(el['cargando']).css('display', 'block');
  $(el['button']).attr('disabled', 'disabled').addClass('disabled');
  var remember = ($('#rem').is(':checked')) ? 'true' : 'false';
  params = 'nick='+encodeURIComponent($(el['nick']).val())+'&pass='+encodeURIComponent($(el['pass']).val())+'&rem='+remember;
  if (form == 'logueo-form') {
   params += '&facebook=1';
  }
}
$.ajax({
  type: 'post', url: global_data.url + '/login-user.php', cache: false, data: params,
  success: function (h) {
   switch(h.charAt(0)){
	case '0':
	 $(el['error']).html(h.substring(3)).show();
	 $(el['nick']).focus();
	 $(el['button']).removeAttr('disabled').removeClass('disabled');
	 break;
	case '1':
	 if (form != 'registro-logueo') {
	  close_login_box();
	 }
	 if (h.substring(3)=='Home') {
	  location.href='/';
	 } else if (h.substr(3) == 'Cuenta') {
	  location.href = '/cuenta/';
	 } else {
	  location.reload();
	 }
	 break;
	case '2':
	 $(el['cuerpo']).css('text-align', 'center').css('line-height', '150%').html(h.substring(3));
	 break;
	case '3':
	 open_login_box();
	 mydialog.class_aux = 'registro';
	 mydialog.mask_close = false;
	 mydialog.close_button = true;
	 mydialog.show(true);
	 mydialog.title('Ingresar');
	 mydialog.body('<br /><br />', 305);
	 mydialog.buttons(false);
	 mydialog.procesando_inicio('Cargando...', 'Registro');
	 mydialog.center();
	 $.ajax({
	  type: 'POST',
	  url: global_data.url + '/login-form.php',
	  data: '',
	  success: function(h){
	   mydialog.procesando_fin();
	   switch(h.charAt(0)){
		case '0':
		 mydialog.alert('Error', h.substring(3));
		 break;
		case '1':
		 mydialog.body(h.substring(3), 305);
	   }
	   mydialog.center();
	  }
	 });
   }
  },
  error: function() {
   $(el['error']).html(lang['error procesar']).show();
  },
  complete: function(){
   $(el['cargando']).css('display', 'none');
  }
});
}

seleecionas todo y lo reemplazas por esto:

function open_login_box(action){
if($('#login_box').css('display') == 'block' && action!='open')
  close_login_box();
else{
  $('#action-dialogs .login-dialog').dialog(nDialog_cfg);
  //Boton
  $('.login-dialog').dialog( "option", "buttons", [
   {
	text: lang['Cancelar'],
	"class": 'ui-button-cancel floatR ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-hover',
	click: function() {$(this).dialog('close');}
   }
  ]);
  $('.login-dialog').dialog('open');
  $('#nickname').focus();
}
}
function close_login_box(){
$('.login-dialog').dialog('close');
}
function login_ajax(form, connect){
var el = new Array(), params = '';
if (form == 'registro-logueo' || form == 'logueo-form') {
  el['nick'] = $('.reg-login .login-panel #nickname');
  el['pass'] = $('.reg-login .login-panel #password');
  el['error'] = $('.reg-login .login-panel #login_error');
  el['cargando'] = $('.reg-login .login-panel #login_cargando');
  el['cuerpo'] = $('.reg-login .login-panel .login_cuerpo');
  el['button'] = $('.reg-login .login-panel input[type="submit"]');
} else {
  el['nick'] = $('#login_box #nickname');
  el['pass'] = $('#login_box #password');
  el['error'] = $('#login_box #login_error');
  el['cargando'] = $('#login_box #login_cargando');
  el['cuerpo'] = $('#login_box .login_cuerpo');
  el['button'] = $('#login_box input[type="submit"]');
}
if (typeof connect != 'undefined') {
  params = 'connect=facebook';
} else {
  if (empty($(el['nick']).val())) {
   $(el['nick']).focus();
   return;
  }
  if (empty($(el['pass']).val())) {
   $(el['pass']).focus();
   return;
  }
  $(el['error']).css('display', 'none');
  $(el['cargando']).css('display', 'block');
  $(el['button']).attr('disabled', 'disabled').addClass('disabled');
  var remember = ($('#rem').is(':checked')) ? 'true' : 'false';
  params = 'nick='+encodeURIComponent($(el['nick']).val())+'&pass='+encodeURIComponent($(el['pass']).val())+'&rem='+remember;
  if (form == 'logueo-form') {
   params += '&facebook=1';
  }
}
$.ajax({
  type: 'post', url: global_data.url + '/login-user.php', cache: false, data: params,
  success: function (h) {
   switch(h.charAt(0)){
	case '0':
	 $(el['error']).html(h.substring(3)).show();
	 $(el['nick']).focus();
	 $(el['button']).removeAttr('disabled').removeClass('disabled');
	 break;
	case '1':
	 if (form != 'registro-logueo') {
	  close_login_box();
	 }
	 if (h.substring(3)=='Home') {
	  location.href='/';
	 } else if (h.substr(3) == 'Cuenta') {
	  location.href = '/cuenta/';
	 } else {
	  location.reload();
	 }
	 break;
	case '2':
	 $(el['cuerpo']).css('text-align', 'center').css('line-height', '150%').html(h.substring(3));
	 break;
	case '3':
	 open_login_box();
	 mydialog.class_aux = 'registro';
	 mydialog.mask_close = false;
	 mydialog.close_button = true;
	 mydialog.show(true);
	 mydialog.title('Ingresar');
	 mydialog.body('<br /><br />', 305);
	 mydialog.buttons(false);
	 mydialog.procesando_inicio('Cargando...', 'Registro');
	 mydialog.center();
	 $.ajax({
	  type: 'POST',
	  url: global_data.url + '/login-form.php',
	  data: '',
	  success: function(h){
	   mydialog.procesando_fin();
	   switch(h.charAt(0)){
		case '0':
		 mydialog.alert('Error', h.substring(3));
		 break;
		case '1':
		 mydialog.body(h.substring(3), 305);
	   }
	   mydialog.center();
	  }
	 });
   }
  },
  error: function() {
   $(el['error']).html(lang['error procesar']).show();
  },
  complete: function(){
   $(el['cargando']).css('display', 'none');
  }
});
}

ahora crea una hoja javascript nueva con dreamweaver que contenga esto:

var lang = Array();
/* Buttons */
lang['Aceptar'] = 'Aceptar';
lang['Cancelar'] = 'Cancelar';
lang['Reintentar'] = 'Reintentar';
lang['Ir a la home'] = 'Ir a la home';
lang['Enviar denuncia'] = 'Enviar denuncia';
lang['Reintentar'] = 'Reintentar';
lang['ver_mas'] = 'Ver más';
lang['ver_menos'] = 'Ver menos';

(function($){
$.fn.inputsize = function (opts) {
  opts = $.extend({
   size: 255,
   callback: function () {}
  }, opts || {});
  this
   .live(
	'keypress',
	function () {
	 var size = $(this).val().length;
	 return opts.callback.call(this, size > opts.size, size);
	}
   )
   .live(
	'keyup',
	function () {
	 $(this).trigger('keypress');
	}
   );
  return this;
}
})(jQuery);
jQuery.fn.autoGrow = function(){
return this.each(function(){
  // Variables
  var colsDefault = this.cols;
  var rowsDefault = this.rows;
  //Functions
  var grow = function() {
   growByRef(this);
  }
  var growByRef = function(obj) {
   var linesCount = 0;
   var lines = obj.value.split('\n');
   for (var i=lines.length-1; i>=0; --i)
   {
	linesCount += Math.floor((lines[i].length / colsDefault) + 1);
   }
   if (linesCount >= rowsDefault)
	obj.rows = linesCount + 1;
   else
	obj.rows = rowsDefault;
  }
  var characterWidth = function (obj){
   var characterWidth = 0;
   var temp1 = 0;
   var temp2 = 0;
   var tempCols = obj.cols;
   obj.cols = 1;
   temp1 = obj.offsetWidth;
   obj.cols = 2;
   temp2 = obj.offsetWidth;
   characterWidth = temp2 - temp1;
   obj.cols = tempCols;
   return characterWidth;
  }
  // Manipulations
  this.style.width = "auto";
  this.style.height = "auto";
  this.style.overflow = "hidden";
  this.style.width = ((characterWidth(this) * this.cols) + 6) + "px";
  this.onkeyup = grow;
  this.onfocus = grow;
  this.onblur = grow;
  growByRef(this);
});
};
function ajax(object, action, data, callback) {
callback = $.extend({
  success: function () {},
  error: function () {},
  complete: function () {}
}, callback || {});
data.key = global_data.user_key;
$.ajax({
  type: 'post',
  url: '/ajax/' + object + '/' + action,
  data: data,
  dataType: 'json',
  success: function (r) {
   r.status = parseInt(r.status);
   if (r.status == 1) {
	callback.success(r);
   } else {
	callback.error(r);
   }
  },
  error: callback.error,
  complete: callback.complete
});
}
$(document).ready(function(){
// login stuff
$('#form-login input').keypress(function(e) {
  if (e.which == 10 || e.which == 13) {
   login_ajax();
  }
});
$('#form-login input[type=submit]').hide();
// limit textarea
$('input.sizelimit, textarea.sizelimit').inputsize({
  size: 255,
  callback: function (limitreached, n) {
   var id = $(this).attr('id'),
	counter = $('span[data-sizelimit=' + id + ']'),
	button = $('a[data-sizelimit=' + id + ']');
   button.button('enable');
   counter.addClass('positive').removeClass('negative');
   if (limitreached) {
	button.button('disable');
	counter.addClass('negative').removeClass('positive');
   }
   counter.html(255 - n);
   return true;
  }
}).trigger('keypress');


// Dialogs global setup
nDialog_cfg = {
  autoOpen: false,
  width: 600,
  modal: true,
  resizable: false,
  draggable: false,
  buttons: [
   {
	text: "Ok",
	click: function() {
	 $(this).dialog("close");
	}
   }
  ]
};
});

ahora en tu login debe tener esto:

<div id="action-dialogs" style="display:none;">
	<div class="login-dialog" title="Conectarse">
		<div id="login_box">
<!--Aqui pones el codigo que quieras de tu login-->
		</div>
	</div>
</div>

el codigo del login nuevo lo ubicas envez del login viejo

con eso ya bastaria para la funcion

si tienes algun problema, o queires que te explique mejor como hacerlo o necesitas un login en especifico solo dime, lamento haverme tardado en ayudarte amigo, pero tengo mucho trabajo por hacer, Saludos

En tema: (pedido) post relacionados tema Zerotime

06 mayo 2012 - 05:30

coloca bien el copy, esta mal puesto no tiene ni la url de mi perfil -_-*

En tema: fade album, efecto con css3 y lo hice yo :)

05 mayo 2012 - 12:38

Ver Mensajesk_jupiter, el 04 mayo 2012 - 06:52 , dijo:

Eres un gran diseñador y creo que lo sabes... :3 +1
sinceramente no, gracias por el +1 yo te doy uno tambien (:

En tema: Nuevo header Taringa V5

04 mayo 2012 - 06:37

yo ni estaba enterado, +1 =P

En tema: Mega-UP

04 mayo 2012 - 05:17

Buena suerte con tu web amigo, existos‼ saludos

  1. PHPost - Foro
  2. → Viendo Perfil : Mensajes: Zero