Hello everybody! First, I am sorry for my poor english! I am from
Argentina.
Well, I have the next problem in IE7, it works fine in FF.
I have DIVs, they appear when some IMGs have a mouseover or when a A
(link) has a click. I use show() to make them appear (or dissapear,
because they are 1in the same place).
Some DIVs content have links and one of them ("contacto"), has a form.
When they appear, I can't use the content. I mean, it appears all like
a big text and the mouse doesn't recognize the link (the cursor is
always the same, even for text), and I can not write into the inputs.
Its like the div is blocked.
I paste the whole code; I use XAJAX for Ajax (the form), but I delete
all the XAJAX to see if it caused the problem and.. nope. The problem
was still there, so I add it again.
I hope you can give me and answer...
Thanks :)
Patricio
CODE:
<?
require_once ("xajax_core/xajax.inc.php"); // Incluyo xAjax
$xajax = new xajax(); // Nuevo objeto a partir de Server
$xajax->configure('javascript URI', '');
$xajax->registerFunction("enviar"); // Registro la función
/* Función de enviar */
function enviar($form){
$objResponse = new xajaxResponse(); // Creo una nueva Responde
if($form["nombre"] == "" or $form["email"] == "" or $form["asunto"]
== "" or $form["msj"] == "")
{
$objResponse->assign("info", "innerHTML", "No llenaste todos los
campos, che...");
$objResponse->assign("info","style.backgroundColor",
"rgb(225,0,0)");
}
else
{
$objResponse->assign("info", "innerHTML", "Gracias por ponerte
en
contacto! (:");
$objResponse->assign("info","style.backgroundColor",
"rgb(16,218,4)");
}
return $objResponse; // Ejecuto la Responde
}
$xajax->processRequest(); // Proceso el Request
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE> QuintoPiso | Ideas para la web </TITLE>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" /
>
<META NAME="Keywords"
CONTENT="ideas,quinto,piso,desarrollo,web,sitios,páginas,creación,programación,diseño,multimedia,layout,
3d,renderización">
<META NAME="Description" CONTENT="En QuintoPiso somos capaces de
llevarlo al éxito desarrollando el sitio web que usted necesita.
Pensando en IDEAS.">
<STYLE>
html
{
background-image:url('imgs/bg.jpg');
background-repeat:repeat-x;
}
body{
background-image:url('imgs/bg.jpg');
background-repeat:repeat-x;
color:#000000;
font-family: Tahoma, Geneva, sans-serif;
font-size:11px;
margin-top:0px;
margin:auto;
width:995px;
text-align:justify;
}
p{
margin:10px 0px;
}
form{
margin:0px;
padding:0px;
}
a{
color:#FF0000;
text-decoration:none;
}
input, textarea{
background-color:#FFFFFF;
color:#000000;
font-family: Tahoma, Geneva, sans-serif;
font-size:11px;
border:1px solid #000000;
}
#head{
width:100%;
background-image:url('imgs/logoweb.jpg');
background-repeat:no-repeat;
height:62px;
text-align:right;
padding-top:20px;
}
#head a:link, a:visited{
font-size:23px;
text-decoration:none;
margin-right:20px;
}
.redL{
color:#FF0000;
}
.redL:hover{
color:#FF8080;
}
.blackL{
color:#000000;
}
.blackL:hover{
color:#595959;
}
#pie{
background-image:url('imgs/bg.jpg');
background-repeat:repeat-x;
width:100%;
text-align:center;
padding-top:20px;
font-family:MS Sans Serif;
font-size:11px;
color:#5B5B5B;
height:100px;
}
#proyecto{
width:191px;
height:140px;
background-color:#000000;
color:white;
font-size:10px;
font-family:MS Sans Serif;
}
#cliente{
width:191px;
height:140px;
background-color:#FF0000;
color:#FFFFFF;
font-size:10px;
font-family:MS Sans Serif;
}
#contenido{
float:right;
width:300px;
padding:10px;
background-image:url('imgs/bg.jpg');
background-repeat:repeat-x;
color:#000000;
font-family: Tahoma, Geneva, sans-serif;
font-size:11px;
height:285px;
/*border-bottom:20px solid #FF0000;*/
margin-right:20px;
}
#pluralsearch, #flickrin, #sinsaldo, #yet, #casasimple, #topfloggers{
border:0px;
padding-bottom:4px;
}
#imga{
margin:0px;
padding:0px;
}
</STYLE>
<? $xajax->printJavascript(''); ?>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#pluralsearch").hover(
function () {
$("#pluralsearchdesc").show("slow").css("border-bottom","20px
solid black");
},
function () {
$("#pluralsearchdesc").hide("slow");
}
);
$("#flickrin").hover(
function () {
$("#flickrindesc").show("slow").css("border-bottom","20px
solid black");
},
function () {
$("#flickrindesc").hide("slow");
}
);
$("#sinsaldo").hover(
function () {
$("#sinsaldodesc").show("slow").css("border-bottom","20px
solid black");
},
function () {
$("#sinsaldodesc").hide("slow");
}
);
$("#yet").hover(
function () {
$("#yetdesc").show("slow").css("border-bottom","20px solid
black");
},
function () {
$("#yetdesc").hide("slow");
}
);
$("#casasimple").hover(
function () {
$("#casasimpledesc").show("slow").css("border-bottom","20px
solid red");
},
function () {
$("#casasimpledesc").hide("slow");
}
);
$("#topfloggers").hover(
function () {
$("#topfloggersdesc").show("slow").css("border-bottom","20px
solid red");
},
function () {
$("#topfloggersdesc").hide("slow");
}
);
$("#equipoA").click(
function () {
$("#twitter").hide("slow");
$("#contacto").hide("slow");
$("#nosotros").hide("slow");
$("#equipo").show("slow").css("border-bottom","20px solid
red");
}
);
$("#twitterA").click(
function () {
$("#equipo").hide("slow");
$("#contacto").hide("slow");
$("#nosotros").hide("slow");
$("#twitter").show("slow").css("border-bottom","20px solid
black");
}
);
$("#contactoA").click(
function () {
$("#equipo").hide("slow");
$("#twitter").hide("slow");
$("#nosotros").hide("slow");
$("#contacto").show("slow").css("border-bottom","20px solid
red");
}
);
$("#nosotrosA").click(
function () {
$("#equipo").hide("slow");
$("#twitter").hide("slow");
$("#contacto").hide("slow");
$("#nosotros").show("slow").css("border-bottom","20px solid
black");
}
);
$("img").hover(
function () {
$("#equipo").hide("slow");
$("#twitter").hide("slow");
$("#contacto").hide("slow");
$("#nosotros").hide("slow");
},
function () {
}
);
});
</script>
</HEAD>
<BODY>
<div id="head">
<a href="#" class="redL" id="equipoA">equipo</a> <a href="#"
class="blackL" id="nosotrosA">por qué nosotros</a> <a href="#"
class="redL" id="contactoA">contacto</a> <a href="#" class="blackL"
id="twitterA">nuestro twitter</a>
</div>
<div id="contenido">
<div id="twitter" style="border-bottom:20px solid black">
<b>Novedades rápidas desde nuestro Twitter:</b>
<p><?
$twitters = simplexml_load_file("http://twitter.com/statuses/
user_timeline/quintopiso.xml?count=5");
foreach ($twitters->status as $twit) {
$f = strtotime($twit->created_at); // Paso la fecha a tiempo --!
if(date("d-m-Y") == date("d-m-Y", $f)) // O sea, si fue hoy...
{
$fecha = mktime(
date("H")-date("H", $f),
date("i")-date("i", $f),
date("s")-date("s", $f),
0,0,0);
$fechaformato = "Hoy, hace ".date("H", $fecha)." horas, ".date("i",
$fecha)." minutos.";
}
else
{
$fechaformato = date("d", $f).".".date("m",$f).".".date("Y",$f);
}
echo "<p>"."(<a href=\"http://www.twitter.com/quintopiso/statuses/";.
$twit->id."\">".$fechaformato."</a>)<br>".$twit->text ."</p>";
}
?>
<p>[<a href="http://www.twitter.com/quintopiso"; target="_blank">Ver
nuestro Twitter completo</a>]</p>
</div>
<div id="contacto" style="display:none">
<b>Contacto</b>
<p>Usá el formulario para decirnos cualquier cosa :)</p>
<form action="javascript:void(null)" method="POST"
onsubmit="xajax_enviar(xajax.getFormValues('contacto'))"
id="contacto">
<p>Nombre:
<br><input type="text" id="nombre" name="nombre" size="45"></p>
<p>E-mail:
<br><input type="text" id="email" name="email" size="45"></p>
<p>Asunto:
<br><input type="text" id="asunto" name="asunto" size="45"></p>
<p>Mensaje:
<br><textarea id="msj" name="msj" cols="40" rows="2"></textarea></p>
<p><input type="submit" value="Enviar!"></form>
<div id="info" style="height:18px;text-align:center;padding:4px;margin-
bottom:2px;color:white;font-weight:bold;"></div>
</div>
<div id="equipo" style="display:none">
<b>Equipo</b>
<p>Sucede lo mismo con los caminos que se cruzan. Patricio, más
hábil para números y exactitudes, evolucionó de
una forma inimaginable en el ámbito de la programación;
y además, junto a todo esto guarda en sí mismo una parte
artística que se deja ver en los momentos más
críticos. Germán es el otro, el que retoca los huecos no
tan desarrollados por su vecino, aunque claro que puede verse igual
desde el lado opuesto. Es el que se encarga de que el acertado trabajo
de Patricio se vea bien, y distinto a lo que suele encontrarse en
Internet.
<br>Es evidente, Patricio y Germán (y viceversa), funcionan al
unísono pero con la creatividad de dos mentes entrenadas para
pensar e idear cada desafío con una perspectiva diferente. </p>
</div>
<div id="nosotros" style="display:none">
<b>Por qué nosotros</b>
<p>Fue en uno de los tantos edificios de Buenos Aires, y no en un
garaje, donde el azar hizo que Patricio y Germán se encuentren.
De familias amigas y vecinas, uno en el 5 C y otro en el 5 A,
separados por un pasillo que no mide más de cinco metros de
largo; desde que eran unos niños, ya funcionaban como equipo.
Innumerables son las ocasiones en que combinaron juntos en el
fútbol o en el básquet durante la infancia, o las veces
en que entre los dos pudieron resolver problemas que parecían
imposibles, y todo esto es uno de los factores principales por el cual
QuintoPiso funciona como un solo ente. Convergen de una forma tan
precisa ambas personalidades que se obtiene así, el equilibrio
perfecto que se fue desarrollando durante más de dieciocho
años trabajando en conjunto. Por eso, es la mejor
opción.</p>
</div>
<div id="pluralsearchdesc" style="display:none">
<b>PluralSearch</b> (www.pluralsearch.com)
<p><b>Idea:</b> Centralizar los buscadores de los sitios 2.0
más importantes, y todos los servicios de Google.</p>
<p><b>Historia:</b> PluralSearch es el sitio que más nombres
tuve antes de ser lanzado. Llegamos a creer que era imposible
encontrar el nombre perfecto y adecuado, pero finalmente lo hicimos.
El nombre PluralSearch lo resume todo. También fue complicado
el proceso de selección de los sitios más relevantes,
¿Tiene que estar Digg? ¿O tendríamos que dar
lugar a otro sitio? Haciendo un análisis sobre las
estadísticas de todos los sitios fue como conseguimos realizar
la escueta selección que hoy puede verse en el sitio. Otro
problema fue el idioma, nos costó decidir si orientarlo hacia
el español incluyendo por ejemplo sitios como la RAE, o apuntar
al inglés. La elección final fue la del inglés ya
que la mayoría de sitios que iban a ser consultados, por
más que tengan su versión en español, tienen en
su mayoría más cantidad de miembros anglosajones.</p>
<p><b>Tecnología:</b> PHP</p>
<p><b>Fecha de inicio:</b> 04/09/2008</p>
</div>
<div id="flickrindesc" style="display:none">
<b>FlickrIn</b> (www.flickrin.com)
<p><b>Idea:</b> Elegir tag/usuario. Pensar cuántas fotos
quedarían mejor embebidas en el blog. Clickear, copiar,
embeber.</p>
<p><b>Historia:</b> YouEmbedTube era un éxito, hasta el punto
que incluso Patricio y Germán iban a ser entrevistados por la
revista TDI. Los dos sitios más populares del momento, y que lo
serían durante mucho tiempo, eran YouTube, y Flickr. QuintoPiso
ya tenía la herramienta para YouTube, y ya era hora de
desarrollar una similar para Flickr. Sin embargo, implementaron el
agregado de la búsqueda por usuario; y la diferencia de
seleccionar la cantidad de filas para hacerlo mucho más
atractivo en su presentación. Cuando el sitio estuvo
completamente desarrollado se llevó a cabo la entrevista con
TDI, la cual fue publicada en su número de mayo. Las visitas
aumentaron notablemente en todos los sitios, y se perfeccionó
el funcionamiento interno del motor de FlickrIn y del de
YouEmbedTube.</p>
<p><b>Tecnología:</b> PHP + Flash + Flickr API</p>
<p><b>Fecha de inicio:</b> 15/02/2008</p>
</div>
<div id="sinsaldodesc" style="display:none">
<b>SinSaldo</b> (www.sinsaldo.com.ar)
<p><b>Idea:</b> Enviar mensaje de texto (SMS) a cualquier celular de
la República Argentina.</p>
<p><b>Historia:</b> Sin Saldo fue el primer proyecto de Quinto Piso, y
es hoy en día uno de los que más visitas recibe.
<br>La forma en que surgió fue bastante espontánea:
Germán sufría los mensajes que no podía responder
por falta de crédito y así comenzaron a perseguir la
utopía de mandar SMS gratis. Descubrieron que podían
llegar a hacer un sistema web que lograra eso. Luego, la
cuestión fue desentrañar el sistema, encontrar la forma
en que funcionaba. Lo consiguieron y empezaron el desarrollo. Las
estadísticas aumentaban cada vez más, y fue necesaria
una renovación por sobre la primera versión de SinSaldo.
La versión actual del sitio es la mejor alternativa, y la
más rápida para escapar de la ambición de las
compañías de telefonía celular. Claro que, bajo
el amparo de la ambición de las compañías de
Internet.</p><p><b>Tecnología:</b> PHP + Ajax</p><p><b>Fecha de
inicio:</b> 08/03/2007</p>
</div>
<div id="yetdesc" style="display:none">
<b>YouEmbedTube</b> (www.youembedtube.com)
<p><b>Idea:</b> Mediante un tag se diseña
automáticamente un carrusel embebible con videos de YouTube</p>
<p><b>Historia:</b> Una tarde Patricio le cuenta a Germán que
desarraolló un carrusel que incrustaba videos de Youtube
gracias a las posibilidades que facilitaba su API. Claro que,
tenían eso pero no servía de mucho. Se divirtieron
haciendo pruebas con sus música favorita, viendo girar las
capturas de videos de Sabina y Calamaro. Luego, una vez volviendo de
jugar al fútbol, cayó la idea. ¿Y esto se
podría embeber? Claro que sí. ¿Y cómo
puede ser útil? Que cada uno seleccione lo que quiere mostrar.
El usuario elige el Tag que se le ocurre, y arma el carrusel,
¿cómo no se nos ocurrió antes? Llegaron a su
casa, se sentaron en sus computadoras, diseñaron, y
programaron; probaron y se equivocaron, y corrigieron hasta que lo
consiguieron. El diseño y funcionamiento era impecable. Steve
Jobs fue incluido como ejemplo en el sitio.</
p><p><b>Tecnología:</b> PHP + Flash + API Youtube</
p><p><b>Fecha de inicio:</b> 15/01/2008</p>
</div>
<div id="casasimpledesc" style="display:none">
<b>CasaSimple</b> (www.casasimple.com)
<p><p><p><b>Idea:</b> ¿Problemas a la hora de tratar con una
inmobiliaria? CasaSimple es la web donde los mismos usuarios votan con
su propia experiencia armando una base de datos con opiniones sobre
las inmobiliarias de Capital Federal y alrededores.</p>
<p><b>Historia:</b> Pablo llegó a nosotros para realizar
CasaSimple; una web que solucionara los dolores de cabeza que tiene
uno a la hora de mudarse. Hay inmobiliarias buenas y hay inmobiliarias
que no lo son; que prometen pero no cumplen, que dicen pero no hacen.
La mejor manera era denunciándolas públicamente en
CasaSimple, la base de datos de las inmobiliarias de Buenos Aires
donde cada usuario agregaba su propia experiencia a través de
comentarios y puntajes. Sin embargo, aquellas inmobiliarias que
tuvieron un buen trato con sus clientes salían favorecias:
apareciendo en el ranking de las mejores inmobiliarias y teniendo un
puntaje alto en la página de su perfil.</
p><p><b>Tecnología:</b> PHP + MySQL + Javascript</p><p><b>Fecha
de inicio:</b> 28/01/2008</p>
</div>
<div id="topfloggersdesc" style="display:none">
<b>TopFloggers</b> (www.topfloggers.com)
<p><p><b>Idea:</b> Hacer un ranking de la nueva tribu urbana
argentina, los floggers y sus fotologs.</p>
<p><b>Historia:</b> Germán Ferrari, un amigo de la casa, se
contactó con QP porque necesitaba la programación para
una idea que tenía y quería aprovechar: un ranking para
que los floggers se voten y se sientan más importantes.
Así es como QP trabajó en conjunto con GF para la
realización de TopFloggers, el top mil de los fotologs
más populares de Argentina. Con una revisada al RSS de cada
flog, se hizo posible la extracción y lectura del último
post de cada usuario; un atractivo para los cientos y cientos de
floggers que visitaron el sitio y decidieron registrarse. Con 600
floggers activos en el sitio (y creciendo), TopFloggers se
volvió uno de los rankings más conocidos entre los
seguidores de Fotolog.com.</p><p><b>Tecnología:</b> PHP + MySQL
+ Javascript</p><p><b>Fecha de inicio:</b> 09/07/2008</p>
</div>
</div>
<TABLE style="margin:10px;margin-top:-10px;" cellpadding="10">
<TR>
<TD>
<div id="proyecto">
<a href="http://www.pluralsearch.com"; target="_blank" title="Plural
Search" id="imga"><img src="imgs/pluralsearch.jpg" id="pluralsearch"></
a><br> www.pluralsearch.com Proyecto
QP</div>
</div>
</TD>
<TD>
<div id="proyecto">
<a href="http://www.flickrin.com"; target="_blank" title="FlickrIn"
id="imga"><img src="imgs/flickrin.jpg" id="flickrin"></
a><br> www.flickrin.com Proyecto
QP</div>
</div>
</TD>
<TD>
<div id="proyecto">
<a href="http://www.sinsaldo.com.ar"; target="_blank" title="SinSaldo"
id="imga"><img src="imgs/sinsaldo.jpg" id="sinsaldo"></
a><br> www.sinsaldo.com.ar Proyecto
QP</div>
</div>
</TD>
</TR>
<TR>
<TD>
<div id="proyecto">
<a href="http://www.youembedtube.com"; target="_blank"
title="YouEmbedTube" id="imga"><img src="imgs/youembedtube.jpg"
id="yet"></a><br> www.youembedtube.com Proyecto QP</div>
</div>
</TD>
<TD>
<div id="cliente">
<a href="http://www.casasimple.com"; target="_blank" title="CasaSimple"
id="imga"><img src="imgs/casasimple.jpg" id="casasimple"></
a><br> www.casasimple.com Cliente
QP</div>
</div>
</TD>
<TD>
<div id="cliente">
<a href="http://www.topfloggers.com"; target="_blank"
title="TopFloggers" id="imga"><img src="imgs/topfloggers.jpg"
id="topfloggers"></
a><br> www.topfloggers.com Cliente
QP</div>
</div>
</TD>
</TR>
</TABLE>
<p>
<div id="pie">
QuintoPiso, Ideas para la web.
<br>Por Patricio & Germán, y viceversa.
</div>
</BODY>
