AEInbetween: April 2009

Tuesday, April 28, 2009

Mystery Pepper

A friend of my moms gave her a halfed soda bottle that contained some plants oregano brujo (aka cuban oregano), cafe de la india (aka orange jasmine) and one hitchhiking pepper.

When I saw the little plant I immediately assumed it was some kind of pepper since the foliage looked very similar to ones we had growing. The big question being what kind. I transplanted the seedling into a small plastic pot.

As you can see it grew quite contently in it's small home. I really didn't have any place to put it so there it stayed, as a sort of experiment. It started to produce some lovely blooms soon after.

My hopes were high for my little experiment. As the blooms came and went I stayed observant wishing to see the growth of fruit despite it's location.

first flower spent on pepper second in bloom

second pepper bloom, first pepper development

That last picture showed promise, it looked as it that first bloom would give me a pepper and it looked as if it might be a bell pepper but it stunted and later fell off. All hope wasn't lost though I still had a few more blooms to observe.

Guess for this little plant second times the charm, now doesn't that look beautiful?

second pepper showing more growth and shape

This guy is growing in a unique shape although I don't know if its the growing conditions or type of pepper.

As the days go by it continues its growth and the other two flowers bloom and later fade away with no further progress. Most likely due to its less than ideal home.

Sunday, April 26, 2009

Update on gardening

Well I finished up part of my gardening and have a small update on the other. You can see the results of the flowerbed I made for my mom:

There was a bit of a mishap with one of the dogs (and I expect more unfortunately) but it wasn't to grave as you see.

As for the vegetable garden, we have some progress with the sprouts but have yet to get the soil or put up the fence which means no transplanting just yet.

The cucumbers are looking lovely and almost all our peppers are up but no tomatoes. The seeds where rather old but I think we'll give 'em a bit more before trying again. Also the lettuce isn't up but I not sure how long it's suppose to take either so it'll stay there a bit more too.

Lettuce isn't a transplant candidate from what I have been reading but I had some extra space and thought what the heck, we'll see how it goes.

Wednesday, April 15, 2009

Re-dimensionar Imagen Según Ancho

Programando al Grano

[imagen, redimensionar, navegador, ancho, redimencionar]

Con este código podrás alterar un imagen para que siempre se vea completamente (a lo ancho) en el navegador y con un click del usuario se ampliara a su tamaño original. Esta hecho para modificar solo un imagen pero no será tan difícil modificar este para varios y su código es el mas simple que puedes usar aunque esta espaciado para ser mas legible.

Este código no cambiara cuanto tiempo tarde el imagen en bajar y el mismo será el tiempo que tarde el imagen original en bajar.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Redimensionar Imagen Según Ancho - AEInbetween</title>
<meta name="Autor" content="http://aeinbetween.com/" >
<script>
//=================================================================================
//Redimensionar Imagen
//    Este js es para re-dimensionar un imagen al anchura del navegador.
//    Cuando el función de re-dimensionar es llamado alternara el dimensión
//    original a uno donde su anchura no sobre pase el anchura del navegador
//    y vice versa.
//Sitio web: http://AEInbetween.com
//=================================================================================

//variables globales
var anchoOrig, alturaOrig; //ancho original del imagen, altura original del imagen

function RecogerDimensiones()
{
//Recoger los dimensiones iníciales de la imagen.
//  Este función debe correrse después de cargar la pagina para recoger el ancho
//  y altura original del imagen
 anchoOrig = document.getElementById("imagen").width;
 alturaOrig = document.getElementById("imagen").height;
 CambiarDimension(); //para re-dimensionar el imagen cuando cargue la pagina (contando con que corras
                      // RecogerDimensiones() en onload)
}

function CambiarDimension()
{
//Recoger los dimensiones actual del navegador
//   Como encontrar esto valor varia según el navegador encontraras mas de un modo de hacerlo, marcado
//   con el nombre del navegador que usa ese método.
 var navAncho = 0; //para guardar el ancho que recogeremos aquí
 var navAltura = 0; //para guardar la altura que recogeremos aquí
 
 if (document.all){
  navAncho = document.body.clientWidth; //IE
  navAltura =document.body.clientHeight;
 }
 else{
  navAncho = window.innerWidth; //Restante
  navAltura = window.innerHeight;
 }

 //Cambiar la dimensión de la imagen
 var imgAncho = document.getElementById("imagen").width; //recoge ancho actual del imagen
 //RecogerAnchoNavegador(); //buscar el ancho y altura del navegador

 if (navAncho <= imgAncho)
 {
 //si es mas grande o igual que el navegador, acomodarlo
 //  al multiplicar el ancho del navegador por 1.00 (lo cual es equivalente a 100%) el navegador acomoda
 //  el imagen dentro del ancho del navegador, manteniendo sus proporciones.
  document.getElementById("imagen").width=(navAncho * 1.00)-40;   //-40 es para acomodar el barra de desplazamiento y márgenes defecto que no es calculado en
                  //client... y inner... (varia el tamaño y este es para contar con cualquier navegador).
  cambioAncho = anchoOrig-((navAncho * 1.00)); //calcular cual es el cambio entre el ancho actual y el original
  document.getElementById("imagen").height=alturaOrig-cambioAncho;   //le aplicamos el mismo cambio al altura para que el imagen no se vea distorsionado
 }
 else if (anchoOrig != imgAncho)
 {
 //Si no es mas grande que el navegador y si no es igual al tamaño original
 //  cambia el imagen para su dimensión original
  document.getElementById("imagen").width = anchoOrig
  document.getElementById("imagen").height = alturaOrig
 }
}

</script>
</head>
<body onload="RecogerDimensiones();"> <!--Para recoger las medidas originales-->
<!--Solo Coloca el función CambiarDimension() en un evento onclick para cambiar
de modificado a original-->
<a href="#" onclick="CambiarDimension();"><img id="imagen" src="tuImagen.jpg"></a>
</body>
</html>

Saturday, April 11, 2009

What Else I'm Working On

Big hole that will be a vegetable garden soon

Digging seriously sucks! Sure it's good exercise but I have pains that are unlike any other pains I have ever felt although to be honest they are just mild discomforts. I guess I'm in better shape than I thought.

Anyway this my dad's and my vegetable garden. Still has a bit to go but all the weed and amazing large rocks are gone; which was the hard part. Now we starting a fence then we will dirt it up.

We have a started a few seeds already to see how our little experimental (first proper vegetable garden) goes. We have two types of bell peppers, lettuce, cucumbers and tomatoes.

We left them indoors to use the mini green house my dad bought which I don't would fair well in the sun and wind we have here.

Part 2

Something else I'm doing (I love to multitask) is a small garden for my mother. This is how it looks right now:

In the first picture you can see some unhappy plants that I pull up from the vegetable garden area and plan on replanting here. You can also see our Ixora (cruz de marta) that is also occupying the area. The others show a mixture of weeds, rain lilies and one sunflower (already spent). I have to dig this up (while not harming the bush) so I can plant whats in the first pic and some bulbs that we have waiting.

Sunday, April 5, 2009

Select Que Depende de Otro Select

Programado al Grano

[dropdown, afecta, cambia]

¿Quieres saber como crear un select que depende de otro para su contenido? Pues aquí tienes el código mas simple para hacer exactamente eso. No hay explicaciones largos porque el código ya explica todo ¡Y puedes copiar, pegar y probarlo!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<tiltle>Selecto que depende de otro - AEInbeween</title>
<meta name="Autor" content="http://aeinbetween.com/">
<script>
function SelectsDependientes(selecto) {
var valoresSegundo;
var optionSegundo = document.getElementById('segundo'); //guarda el selecto que vamos a usar (añadir/cambiar opciones)
//carga los valores para los opciones del segundo selecto
switch(selecto){
case '1': //si selecto es = '1'
valoresSegundo=['dos'];     //crea un array con los valores para cada opcion
break;   //para que no ejecute los otros cases los cuales borran este valor para los suyos
case '3':
valoresSegundo=['cuarto'];
break;
case '5':
valoresSegundo=['sies','siete'];   //aqui ves como colocar mas de un valor en el array
break;
default:
valoresSegundo=['Seleciona un numero']; //si no es uno de los anteriores, ponga esto } 

//para vaciar los opciones
//si no cuando cargas un opcion que tiene menos del anterior los del ultimos del anterior se quedaran
for (i=0;i<optionSegundo.length;i++){//sigue hasta llegar al ultimo opcion dentro del selecto
optionSegundo.options[i]=null; //vacia el opcion
}

//para cargar los valores
//como este es un ejemplo simple
for (i=0;i<valoresSegundo.length;i++) //sigue hasta llegar al ultimo variable dentro del array
optionSegundo.options[i]=new Option(valoresSegundo[i],valoresSegundo[i]); //coloca el string actual como value y text del opcion nuevo
}
}
</script>
</head>
<body>
<form>
<!-- un formulario vacio-->
<!-- Select que va modificar otro select (segundo) -->
<select id="primero" onchange_fckprotectedatt="%20onchange%3D%22SelectsDependientes(this.value)%22">
<!-- cada vez que cambie el valor de primero llamamos al js -->
<option value="1">Uno</option>
<!-- Se usa el valor dentro del atributo
value -->
<option value="3">Tres</option><!-- El texto entre los etiquetas opción
es solo un visual para el usuario -->
<option value="5">Cinco</option> </select>
<select id="segundo"><!-- El segundo select a ser editado con nuestro
javascript -->
<option value="0">Selecciona un numero</option><!-- Solo un visual para
el usuario -->
</select>
</form>
</body>
</html>

AEInbetween