140 Caracteres y URL acortada

dksoft · #1 (**permalink**) 08/12/2011, 11:12

Hola buenas, estoy haciendo una APP para twitter el caso es que lo que hace es que puedes actulizar el estado desde la pagina. funciona perfectamente hasta le puse lo que te decia cuantos caracteres te faltan.

pero tengo un gran problema con el javascript, que sesupone que el javascript de twitter te detecta cuando es una URL y te dice que la URL fue acortada y solo te toma 16 caracteres, y quiero hacer lo mismo porque si pongo la URL con 140 caracteres se me gastan y solo deberia consumirme 16 pero no se como. alguna idea de como hacerlo en javascript este es mi actual script:

Código Javascript:

Ver original<script type="text/javascript">
var actual = 140;
function press() {
car = $("#input").val();
total = actual - car.length;
$("#caracteres").html(total);
if(total > 20) { $("#caracteres").css("color", "#090"); }
if(total <= 20) { $("#caracteres").css("color", "#903"); }
if(total < 0) { $("#caracteres").css("color", "#F00"); }
}
function enviar() {
texto = $("#input").val();
if(confirm("Estas seguro de enviar el TWEET?")) {
$("#boton").attr("disabled", true);
$("#input").attr("disabled", true);
$.post("enviar.php", { texto: texto }, function(data){
if(data == "ok") { $("#input").val(""); alert("Twet enviado exitosamente"); } else { $("#resultado").html(data);  }
$("#boton").attr("disabled", false);
$("#input").attr("disabled", false);
});
}
}
$(document).ready(function(){
car = $("#input").val();
total = actual - car.length;
$("#caracteres").html(total);
if(total > 20) { $("#caracteres").css("color", "#090"); }
if(total <= 20) { $("#caracteres").css("color", "#903"); }
if(total < 0) { $("#caracteres").css("color", "#F00"); }});
</script>

maycolalvarez · #2 (**permalink**) 08/12/2011, 12:14

las URL cortas son proveídas por servicios externos, investigue al respecto

dksoft · #3 (**permalink**) 08/12/2011, 12:48

lo sé.
pero mira lo que quiero hacer es lo SIGUIENTE.

simplemente quiero que me ayuden con el JAVASCRIPT.

Mira esque el script lo que hace es que inicias con 140 caracteres y cada vez que escribes algo te quita un caracter de los 140. vale?.. pero al poner una URL de 20 caracteres me toma los 20.. asi debe ser pero lo que yo quiero es que el Script Javascript me detecte que es una URL y en ves de que me quite 20 caracteres solo me quite 16, que me detecte que es una URL y no me quite caracteres.

no tiene nada que ver con php ni ajax, es solo creo una exprecion en javascript. saludos

dksoft · #4 (**permalink**) 08/12/2011, 12:49

Todo el Codigo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Twitter</title>
<style>
.warp{
    width: 450px;
    background: #999;
    font-family: "Century Gothic";
}
#caracteres {
    font-weight: bold;
}
.texto {
    color: #FFF;    
    font-weight: bold;
}
</style>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
var actual = 140;
function press() {
car = $("#input").val();
total = actual - car.length;
$("#caracteres").html(total);
if(total > 20) { $("#caracteres").css("color", "#090"); }
if(total <= 20) { $("#caracteres").css("color", "#903"); }
if(total < 0) { $("#caracteres").css("color", "#F00"); }
}
function enviar() {
texto = $("#input").val();
if(confirm("Estas seguro de enviar el TWEET?")) {
$("#boton").attr("disabled", true);
$("#input").attr("disabled", true);
$.post("enviar.php", { texto: texto }, function(data){
if(data == "ok") { $("#input").val(""); alert("Twet enviado exitosamente"); } else { $("#resultado").html(data);  }
$("#boton").attr("disabled", false);
$("#input").attr("disabled", false);
});
}
}
$(document).ready(function(){
car = $("#input").val();
total = actual - car.length;
$("#caracteres").html(total);
if(total > 20) { $("#caracteres").css("color", "#090"); }
if(total <= 20) { $("#caracteres").css("color", "#903"); }
if(total < 0) { $("#caracteres").css("color", "#F00"); }});
</script>
</head>
 
<body>
<div class="warp">
<form onsubmit="enviar(); return false;" >
<p><textarea cols="50" rows="3" id="input" onkeypress="press();" onkeydown="press();" onkeyup="press();"></textarea><br />
<input type="submit" value="Tweet" id="boton" />
</p>
</form>
<p><span id="caracteres"></span> <span class="texto">Caracteres Restantes</span></p>
<div id="resultado"></div>
</div>
</body>
</html>

maycolalvarez · #5 (**permalink**) 08/12/2011, 12:50

en efecto, expresiones regulares para detectar patrones de URL.

dksoft · #6 (**permalink**) 08/12/2011, 12:59

Cita:

Iniciado por maycolalvarez

en efecto, expresiones regulares para detectar patrones de URL.

alguna idea de como aplicarlo?

maycolalvarez · #7 (**permalink**) 08/12/2011, 13:26

http://stackoverflow.com/questions/1...ith-javascript

dksoft · #8 (**permalink**) 08/12/2011, 15:08

Muchas gracias .. me costo algo de trabajo pero ya quedo. Saludos