Mensajes

Lo estoy haciendo con javascript y JQ.

Parte de JQ

Código [Seleccionar] Expandir

<script type="text/javascript">
$(document).ready(function(){
  $('#open').click(function(){
$('#popup').fadeIn('slow');
$('body').css('opacity', '0.5');
return false;
});

$('#close').click(function(){
$('#popup').fadeOut('slow');
$('body').css('opacity', '1');
return false;
});
});
</script>

Parte CSS

Código [Seleccionar] Expandir

<style>
#content {
    width: 900px;
    margin: 0px auto;
    padding: 2em 1em;
}

#column-right {
background-color: #EBE9EA;
    border: 1px solid #D2D2D2;
    border-radius: 8px 8px 8px 8px;
    float: right;
    min-height: 225px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    width: 180px;
padding-top:10px;
}

#popup {
left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
margin:0px auto;
margin-top:50px;
padding:10px;
width:735px;
min-height:290px;
/*border-radius:4px;*/
background:url(pop-up.png);
background-repeat:no-repeat;
/*box-shadow: 0 2px 5px #666666;*/
}

.close {
position:relative;
left:610px;
}
</style>

Parte HTML

Código [Seleccionar] Expandir

<div id="popup" style="display: none;">
    <div class="content-popup">
        <div class="close"><a href="#" id="close">X</a></div>
        <div>
            <div style="float:left; width:100%;">
    </div>
        </div>
    </div>
</div>

El tema es que lo hace bien, pero el body me lo pone en opacidad 0.5 y encima me deja interactuar con la pagina de atrás, y yo lo quiero con un gris opaco, el cual cuando se pinche afuera de la imagen se vaya a la pagina en la que estaba o dándole a la X. Y se le doy a enviar me lleva a otra pagina dando la enhorabuena por el registro.

Muy buenas, no se si el tema lo describe totalmente. De todas formas lo explico, necesito ayuda para crear un código, que su función es:

Al pinchar en un botón, se abra un pop-up con una imagen dentro y unos cuadros de formulario para registrarse, la pagina que había anteriormente quedara con un color opacido. Para salir del formulario pincharemos afuera de este y volverá al estado normal, rellenaremos al formulario y lo enviaremos o lo cerramos pinchando en la X.

Solamente necesito la parte de pinchar el botón, aparecer el pop-up con la imagen, por lo demás (formulario, etc) me ocupo yo.

Gracias y un saludo.

Resuelto, lo pongo por si alguien lo necesita:


CODIGO SCRIPT DEL MAPA:

Código [Seleccionar] Expandir

        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
            var map = null;
var marker = null;
            var geocoder = null;
            var infowindow = null;
            // posicion predeterminada
            /*var ini_lat = 19.360927;
            var ini_lng = -99.183325;*/

            // traducciones del tipo de localizaci&#243;n
            var a_locations_type = new Array('APPROXIMATE', 'GEOMETRIC_CENTER', 'RANGE_INTERPOLATED', 'ROOFTOP');
            a_locations_type[a_locations_type[0]] = ['El resultado devuelto es aproximado.'];
            a_locations_type[a_locations_type[1]] = ['El resultado devuelto es el centro geom&#233;trico de un resultado como una l&#237;nea (por ejemplo, una calle) o un pol&#237;gono (una regi&#243;n).'];
            a_locations_type[a_locations_type[2]] = ['El resultado devuelto refleja una aproximaci&#243;n (normalmente en una carretera) interpolada entre dos puntos precisos (por ejemplo, intersecciones). Normalmente, los resultados interpolados se devuelven cuando los c&#243;digos geogr&#225;ficos de la parte superior no est&#225;n disponibles para una direcci&#243;n postal.'];
            a_locations_type[a_locations_type[3]] = ['El resultado devuelto refleja un c&#243;digo geogr&#225;fico preciso.'];

            // traducciones del estatus de la geocodificaci&#243;n
            var a_geocode_status = new Array('ERROR', 'INVALID_REQUEST', 'OK', 'OVER_QUERY_LIMIT', 'REQUEST_DENIED', 'UNKNOWN_ERROR', 'ZERO_RESULTS');
            a_geocode_status[a_geocode_status[0]] = ['Se ha producido un error al establecer la comunicaci&#243;n con los servidores de Google.'];
            a_geocode_status[a_geocode_status[1]] = ['La solicitud GeocoderRequest no es v&#225;lida.'];
            a_geocode_status[a_geocode_status[2]] = ['Indica que la respuesta contiene un valor GeocoderResponse v&#225;lido.'];
            a_geocode_status[a_geocode_status[3]] = ['La p&#225;gina web ha superado el l&#237;mite de solicitudes en un per&#237;odo de tiempo demasiado breve.'];
            a_geocode_status[a_geocode_status[4]] = ['No se permite que la p&#225;gina web utilice el geocoder.'];
            a_geocode_status[a_geocode_status[5]] = ['No se pudo procesar una solicitud de codificaci&#243;n geogr&#225;fica debido a un error del servidor. Puede que la solicitud se realice correctamente si lo intentas de nuevo.'];
            a_geocode_status[a_geocode_status[6]] = ['No se ha encontrado ning&#250;n resultado para esta solicitud GeocoderRequest.'];

            // funciones para nuestro mapa
            function initGMaps() {

var minZoomLevel = 6;

                // crear los objetos necesarios, primero el mapa
                map = new google.maps.Map(document.getElementById("map_canvas"), {
mapTypeId: google.maps.MapTypeId.HYBRID,
center: new google.maps.LatLng(40.4, -3.7),
zoom: minZoomLevel,
draggable:true
                });

  // Bounds de España
   var strictBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(35.4, -10.1),
new google.maps.LatLng(43.5, 4.7)
   );
   
   // No dejar arrastrar mas alla de los limites establecidos
   google.maps.event.addListener(map, 'dragend', function() {
if (strictBounds.contains(map.getCenter())) return;

// We're out of bounds - Move the map back within the bounds

var c = map.getCenter(),
x = c.lng(),
y = c.lat(),
maxX = strictBounds.getNorthEast().lng(),
maxY = strictBounds.getNorthEast().lat(),
minX = strictBounds.getSouthWest().lng(),
minY = strictBounds.getSouthWest().lat();

if (x < minX) x = minX;
if (x > maxX) x = maxX;
if (y < minY) y = minY;
if (y > maxY) y = maxY;

map.setCenter(new google.maps.LatLng(y, x));
   });
   
      // Limitar el zoom
   google.maps.event.addListener(map, 'zoom_changed', function() {
if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
   });

                // la ventana de info (globo)
                infowindow = new google.maps.InfoWindow();
                // el geocodificador
                geocoder = new google.maps.Geocoder();
                // crear los eventos para acciones del mouse sobre el marcador (pin)
                /*google.maps.event.addListener(marker, "dragend", function() {
                    showLatLongPos();
                });*/

/* google.maps.event.addListener(map, "click", function(evento) {
   
if(marker!=null){
marker.setMap(null);
}
//Obtengo las coordenadas separadas
var latitud = evento.latLng.lat();
var longitud = evento.latLng.lng();

//Creo un marcador utilizando las coordenadas obtenidas y almacenadas por separado en "latitud" y "longitud"
var coordenadas = new google.maps.LatLng(latitud, longitud); /* Debo crear un punto geografico utilizando google.maps.LatLng
var marcador = new google.maps.Marker({position: coordenadas,map: map, animation: google.maps.Animation.DROP, title:"Un marcador cualquiera"});
document.getElementById("latitud").value=latitud;
document.getElementById("longitud").value=longitud;

marker = new google.maps.Marker({
                    map: map
                            , position: new google.maps.LatLng(latitud, longitud)
                            , draggable: true
                            , visible: false
                })

showLatLongPos();

});

                google.maps.event.addListener(marker, "click", function() {
                    showLatLongPos();
                });*/
            }

            function showAddress(address) { //OBTENER DIRECCION INTRODUCIENDOLA

  var address = document.getElementById('address').value;
                if (geocoder) {
                    // obtener la Geo-Codificaci&#243;n Forward,
                    // introduciendo un dato string (address)
                    geocoder.geocode({'address': address, 'region': 'MX'}
                    , function(results, status) {
                        if (status == google.maps.GeocoderStatus.OK) {
                            if (results[0]) {

marker = new google.maps.Marker({
                    map: map
                            , position: new google.maps.LatLng(latitud, longitud)
                            , draggable: true
                            , visible: false
                })

                                // preparar la info de la posici&#243;n latitud y longitud
                                var input = results[0].geometry.location.toUrlValue();
                                var latlngStr = input.split(",", 2);
                                var lat_mx = parseFloat(latlngStr[0]);
                                var lng_mx = parseFloat(latlngStr[1]);//---------......

var lat_mx_int = parseInt(lat_mx);
var lng_mx_int = parseInt(lng_mx);

if(lat_mx_int>44 || lat_mx_int<36){
alert("Ha introducido un pais que no es donde nos encontramos 'ESPAÑA', inserte uno que lo sea");
return false;
}
if(lng_mx_int>5 || lng_mx_int<-11){
alert("Ha introducido un pais que no es donde nos encontramos 'ESPAÑA', inserte uno que lo sea");
return false;
}

                                /*...........----*/var latLong_mx = new google.maps.LatLng(lat_mx, lng_mx);
                                // centrar el mapa en la posici&#243;n encontrada
                                map.setZoom(16);
                                map.setCenter(latLong_mx);
                                marker.setPosition(latLong_mx);
                                marker.setVisible(true);
                                //
                                google.maps.event.trigger(marker, 'click');
                                // llenar con la info de la codificaci&#243;n inversa, o sea, la direcci&#243;n humanamente legible
                                var location_type_mx = results[0].geometry.location_type
                                infowindow.setContent('<b style="color:black;">' + results[0].formatted_address + '</b>' + '<br/><br/><i style="color: #777;">' + a_locations_type[location_type_mx] + '</i>');

document.getElementById("address").value=results[0].formatted_address; // OBTENER DIRECCION BUENA Y MOSTRARLA BIEN, PARA ELIMINAR NUESTRA DIRECCION MALA

var direccion = results[0].formatted_address;
var array_comunidad = direccion.split(" ");//SEPARAR LA DIRECCION EN UNA ARRAY

var numero_de_valores_del_array_array_comunidad = array_comunidad.length;//NUMEROS DE ELEMENTOS DEL ARRAY

document.getElementById("comunidad").value=array_comunidad[numero_de_valores_del_array_array_comunidad-2];//RESTA PARA OBTENER LA COMUNIDAD

//alert(array_comunidad[numero_de_valores_del_array_array_comunidad-1]);

if(array_comunidad[numero_de_valores_del_array_array_comunidad-1]!="España"){ //PARA QUE NO SEA FUERA DE ESPAÑA

alert("Ha introducido un pais que no es donde nos encontramos 'ESPAÑA', inserte uno que lo sea");
document.getElementById("address").value="";
initGMaps();
return false;

}


                                infowindow.open(map, marker);
                            } else {
                                alert("La dirección que ha introducido no la hemos podido encontrar");
//alert(a_geocode_status[status]);
                            }
                        } else {
                            alert("No ha introducido ninguna dirección");
//alert(a_geocode_status[status]);
                        }
                    });
                } // endif
            }

            function showLatLongPos() { //MOSTRAR COORDENADAS

                // preparar la info de la posici&#243;n latitud y longitud
                var location = marker.getPosition().toUrlValue(7);
                var latlngStr = location.split(",", 2);
                var lat_mx = parseFloat(latlngStr[0]);
                var lng_mx = parseFloat(latlngStr[1]);
                var latLong_mx = new google.maps.LatLng(lat_mx, lng_mx);

                // obtener la Geo-Codificaci&#243;n Inversa, o sea, la direcci&#243;n humanamente legible
                // introduciendo un dato latLong
                geocoder.geocode({'latLng': latLong_mx, 'region': 'MX'}
                , function(results) {
                    var location_type_mx = results[0].geometry.location_type
                    infowindow.setContent('<b style="color:black;">' + results[0].formatted_address + '</b>' + '<br/><br/><i style="color: #777;">' + a_locations_type[location_type_mx] + '</i>');
document.getElementById("address").value=results[0].formatted_address;
                    infowindow.open(map, marker);
                });
                // llenar los campos de texto con los valores latitud y longitud respectivamente
                document.getElementById("latitud").value = lat_mx;
                document.getElementById("longitud").value = lng_mx;
            }

/*function guardar_ruta(){

var ruta2 = document.getElementById("address").value;

alert(ruta2);

//document.getElementById("ruta").value=ruta2;

alert("2");


}*/

            // cargar el mapa autom&#225;ticamente cuando se carga la p&#225;gina
            // es el equivalente a poner body onload="initGMaps();">
            google.maps.event.addDomListener(window, 'load', initGMaps);
        </script>
        <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
       
        <!-- <input type="text" id="ruta" name="ruta" value="" /> -->

                <label for="address">Ingresa una direccipon en este formato: (calle y número, municipio, provincia, pais)</label>
                <br/>
               <!-- Ejemplo:&nbsp;&nbsp;&nbsp;&nbsp;<i><b style="color: blue;">insurgentes sur 1677, gualupe inn, &#193;varo obreg&#243;n, distrito federal</b></i> -->
                <br/>
                <input type="text" id="address" name="address" value="" style="width: 750px;" />
                &nbsp;&nbsp;&nbsp;
                 <div id="search-adv" style="margin-top:15px; margin-right:40px;">
                <a href="javascript:showAddress()" id="buscar" ><span>Buscar</span></a>
                       <!-- <a href="javascript:guardar_ruta()" id="guardar_ruta" ><span>Guardar ubicación</span></a> -->
                </div>
                 <span id="span_address" style="color:red; font-size:14px; display:none;">Campo obligatorio, rellene el campo de arriba con la ubicacion final</span>
            </p>
            <!-- Coordenadas y datos a recibir para convertirlos en c&#243;digo -->
            <p>
               <!-- La latitud/longitud aparecer&#225;n en los cuadros de texto despu&#233;s que <b style="color: blue;">muevas</b> el marcador dentro del mapa. -->
            </p>
            <p>
               <input style="width:180px" id="latitud" name="latitud" value="" type="hidden" />
                &nbsp;&nbsp;&nbsp;&nbsp;
               <input style="width:180px" id="longitud" name="longitud" value="" type="hidden" />
               <input style="width:180px" id="comunidad" name="comunidad" value="" type="hidden" />
            </p>
            <div id="map_canvas" style="width: 900px; height: 500px; position:relative;"></div>
            <div id="map_canvas_transparente" style="width: 900px; height: 500px; display:none; position:absolute; top:572px; z-index:2" ></div>


        <script type="text/javascript" charset="utf-8">
            jQuery(document).ready(function() {
                jQuery('#address').focus();
            });
        </script>

Muy buenas, estoy creando un proyecto el cual una de las opciones que trae es el posicionamiento correcto de una direccion exclusivamente de un país. Para ello he creado el siguiente codigo.

ZONA STYLE PARA EL MAPA

Código [Seleccionar] Expandir

        <style >
            body{
                color: #000;
                font-family: Arial;
                font-size: 14px;
            }

            label{
                 font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: left;
            }

            .div-snippets{
                display: none;
                background-color: #efefef;
                width: 900px;
                height: 500px;
                top: 50%;
                left: 50%;
                margin-top: -250px;
                margin-left: -450px;
                outline: 3px solid #afafaf;
                padding-left: 20px;
                overflow: auto;
            }

        </style>

ZONA SCRIPT DEL MAPA

Código [Seleccionar] Expandir

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
            var map = null;
var marker = null;
            var geocoder = null;
            var infowindow = null;
            // posicion predeterminada
            /*var ini_lat = 19.360927;
            var ini_lng = -99.183325;*/

            // traducciones del tipo de localizaci&#243;n
            var a_locations_type = new Array('APPROXIMATE', 'GEOMETRIC_CENTER', 'RANGE_INTERPOLATED', 'ROOFTOP');
            a_locations_type[a_locations_type[0]] = ['El resultado devuelto es aproximado.'];
            a_locations_type[a_locations_type[1]] = ['El resultado devuelto es el centro geom&#233;trico de un resultado como una l&#237;nea (por ejemplo, una calle) o un pol&#237;gono (una regi&#243;n).'];
            a_locations_type[a_locations_type[2]] = ['El resultado devuelto refleja una aproximaci&#243;n (normalmente en una carretera) interpolada entre dos puntos precisos (por ejemplo, intersecciones). Normalmente, los resultados interpolados se devuelven cuando los c&#243;digos geogr&#225;ficos de la parte superior no est&#225;n disponibles para una direcci&#243;n postal.'];
            a_locations_type[a_locations_type[3]] = ['El resultado devuelto refleja un c&#243;digo geogr&#225;fico preciso.'];

            // traducciones del estatus de la geocodificaci&#243;n
            var a_geocode_status = new Array('ERROR', 'INVALID_REQUEST', 'OK', 'OVER_QUERY_LIMIT', 'REQUEST_DENIED', 'UNKNOWN_ERROR', 'ZERO_RESULTS');
            a_geocode_status[a_geocode_status[0]] = ['Se ha producido un error al establecer la comunicaci&#243;n con los servidores de Google.'];
            a_geocode_status[a_geocode_status[1]] = ['La solicitud GeocoderRequest no es v&#225;lida.'];
            a_geocode_status[a_geocode_status[2]] = ['Indica que la respuesta contiene un valor GeocoderResponse v&#225;lido.'];
            a_geocode_status[a_geocode_status[3]] = ['La p&#225;gina web ha superado el l&#237;mite de solicitudes en un per&#237;odo de tiempo demasiado breve.'];
            a_geocode_status[a_geocode_status[4]] = ['No se permite que la p&#225;gina web utilice el geocoder.'];
            a_geocode_status[a_geocode_status[5]] = ['No se pudo procesar una solicitud de codificaci&#243;n geogr&#225;fica debido a un error del servidor. Puede que la solicitud se realice correctamente si lo intentas de nuevo.'];
            a_geocode_status[a_geocode_status[6]] = ['No se ha encontrado ning&#250;n resultado para esta solicitud GeocoderRequest.'];

            // funciones para nuestro mapa
            function initGMaps() {

var minZoomLevel = 6;

                // crear los objetos necesarios, primero el mapa
                map = new google.maps.Map(document.getElementById("map_canvas"), {
mapTypeId: google.maps.MapTypeId.HYBRID,
center: new google.maps.LatLng(40.4, -3.7),
zoom: minZoomLevel,
draggable:true
                });

  // Bounds de España
   var strictBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(35.4, -10.1),
new google.maps.LatLng(43.5, 4.7)
   );
   
   // No dejar arrastrar mas alla de los limites establecidos
   google.maps.event.addListener(map, 'dragend', function() {
if (strictBounds.contains(map.getCenter())) return;

// We're out of bounds - Move the map back within the bounds

var c = map.getCenter(),
x = c.lng(),
y = c.lat(),
maxX = strictBounds.getNorthEast().lng(),
maxY = strictBounds.getNorthEast().lat(),
minX = strictBounds.getSouthWest().lng(),
minY = strictBounds.getSouthWest().lat();

if (x < minX) x = minX;
if (x > maxX) x = maxX;
if (y < minY) y = minY;
if (y > maxY) y = maxY;

map.setCenter(new google.maps.LatLng(y, x));
   });
   
      // Limitar el zoom
   google.maps.event.addListener(map, 'zoom_changed', function() {
if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
   });

                // la ventana de info (globo)
                infowindow = new google.maps.InfoWindow();
                // el geocodificador
                geocoder = new google.maps.Geocoder();
                // crear los eventos para acciones del mouse sobre el marcador (pin)
                /*google.maps.event.addListener(marker, "dragend", function() {
                    showLatLongPos();
                });*/

/* google.maps.event.addListener(map, "click", function(evento) {
   
if(marker!=null){
marker.setMap(null);
}
//Obtengo las coordenadas separadas
var latitud = evento.latLng.lat();
var longitud = evento.latLng.lng();

//Creo un marcador utilizando las coordenadas obtenidas y almacenadas por separado en "latitud" y "longitud"
var coordenadas = new google.maps.LatLng(latitud, longitud); /* Debo crear un punto geografico utilizando google.maps.LatLng
var marcador = new google.maps.Marker({position: coordenadas,map: map, animation: google.maps.Animation.DROP, title:"Un marcador cualquiera"});
document.getElementById("latitud").value=latitud;
document.getElementById("longitud").value=longitud;

marker = new google.maps.Marker({
                    map: map
                            , position: new google.maps.LatLng(latitud, longitud)
                            , draggable: true
                            , visible: false
                })

showLatLongPos();

});

                google.maps.event.addListener(marker, "click", function() {
                    showLatLongPos();
                });*/
            }

            function showAddress(address) { //OBTENER DIRECCION INTRODUCIENDOLA

  var address = document.getElementById('address').value;
                if (geocoder) {
                    // obtener la Geo-Codificaci&#243;n Forward,
                    // introduciendo un dato string (address)
                    geocoder.geocode({'address': address, 'region': 'MX'}
                    , function(results, status) {
                        if (status == google.maps.GeocoderStatus.OK) {
                            if (results[0]) {

marker = new google.maps.Marker({
                    map: map
                            , position: new google.maps.LatLng(latitud, longitud)
                            , draggable: true
                            , visible: false
                })

                                // preparar la info de la posici&#243;n latitud y longitud
                                var input = results[0].geometry.location.toUrlValue();
                                var latlngStr = input.split(",", 2);
                                var lat_mx = parseFloat(latlngStr[0]);
                                var lng_mx = parseFloat(latlngStr[1]);
                                var latLong_mx = new google.maps.LatLng(lat_mx, lng_mx);
                                // centrar el mapa en la posici&#243;n encontrada
                                map.setZoom(16);
                                map.setCenter(latLong_mx);
                                marker.setPosition(latLong_mx);
                                marker.setVisible(true);
                                //
                                google.maps.event.trigger(marker, 'click');
                                // llenar con la info de la codificaci&#243;n inversa, o sea, la direcci&#243;n humanamente legible
                                var location_type_mx = results[0].geometry.location_type
                                infowindow.setContent('<b style="color:black;">' + results[0].formatted_address + '</b>' + '<br/><br/><i style="color: #777;">' + a_locations_type[location_type_mx] + '</i>');
                                infowindow.open(map, marker);
                            } else {
                                alert(a_geocode_status[status]);
                            }
                        } else {
                            alert(a_geocode_status[status]);
                        }
                    });
                } // endif
            }

            function showLatLongPos() { //MOSTRAR COORDENADAS

                // preparar la info de la posici&#243;n latitud y longitud
                var location = marker.getPosition().toUrlValue(7);
                var latlngStr = location.split(",", 2);
                var lat_mx = parseFloat(latlngStr[0]);
                var lng_mx = parseFloat(latlngStr[1]);
                var latLong_mx = new google.maps.LatLng(lat_mx, lng_mx);

                // obtener la Geo-Codificaci&#243;n Inversa, o sea, la direcci&#243;n humanamente legible
                // introduciendo un dato latLong
                geocoder.geocode({'latLng': latLong_mx, 'region': 'MX'}
                , function(results) {
                    var location_type_mx = results[0].geometry.location_type
                    infowindow.setContent('<b style="color:black;">' + results[0].formatted_address + '</b>' + '<br/><br/><i style="color: #777;">' + a_locations_type[location_type_mx] + '</i>');
document.getElementById("address").value=results[0].formatted_address;
                    infowindow.open(map, marker);
                });
                // llenar los campos de texto con los valores latitud y longitud respectivamente
                document.getElementById("latitud").value = lat_mx;
                document.getElementById("longitud").value = lng_mx;
            }

function guardar_ruta(){

alert("1");

var ruta2 = document.getElementById("address").value;

alert(ruta2);

document.getElementById("ruta").value=ruta2;

alert("2");

}

            // cargar el mapa autom&#225;ticamente cuando se carga la p&#225;gina
            // es el equivalente a poner body onload="initGMaps();">
            google.maps.event.addDomListener(window, 'load', initGMaps);
        </script>
        <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>

ZONA HTML DEL MAPA

Código [Seleccionar] Expandir

<!-- <input type="text" id="ruta" name="ruta" value="" /> -->

                <label for="address">Ingresa una direccipon en este formato: (calle y número, municipio, provincia, pais)</label>
                <br/>
               <!-- Ejemplo:&nbsp;&nbsp;&nbsp;&nbsp;<i><b style="color: blue;">insurgentes sur 1677, gualupe inn, &#193;varo obreg&#243;n, distrito federal</b></i> -->
                <br/>
                <input type="text" id="address" name="address" value="" style="width: 650px;" />
                <span id="span_address" style="color:red; font-size:14px; display:none;">Campo obligatorio, elija una ubicación y guárdela</span>
                &nbsp;&nbsp;&nbsp;
                 <div id="search-adv" style="margin-top:15px; margin-right:30px;">
                <a href="javascript:showAddress()" id="buscar" ><span>Buscar</span></a>
                        <a href="javascript:guardar_ruta()" id="guardar_ruta" ><span>Guardar ubicación</span></a>
                </div>
            </p>
            <!-- Coordenadas y datos a recibir para convertirlos en c&#243;digo -->
            <p>
               <!-- La latitud/longitud aparecer&#225;n en los cuadros de texto despu&#233;s que <b style="color: blue;">muevas</b> el marcador dentro del mapa. -->
            </p>
            <p>
               <input style="width:180px" id="latitud" name="latitud" value="" type="hidden" />
                &nbsp;&nbsp;&nbsp;&nbsp;
               <input style="width:180px" id="longitud" name="longitud" value="" type="hidden" />
            </p>
            <div id="map_canvas" style="width: 900px; height: 500px; position:relative;"></div>
            <div id="map_canvas_transparente" style="width: 900px; height: 500px; display:none; position:absolute; top:572px; z-index:2" ></div>


        <script type="text/javascript" charset="utf-8">
            jQuery(document).ready(function() {
                jQuery('#address').focus();
            });
        </script>

El codigo trae diversas opciones:

- Posicionamiento inicial de un pais al cargar Google Maps, con un determinado zoom.
- No dejar arrastrar el mapa fuera de los limites establecidos (long, lat).
- Volver a centrar el mapa si se ha salido fuera de los limites.
- Introducir un marker en el mapa a partir de introducir una direccion.
- ESTA OPCION ESTA COMENTADA: introducir un marker al hacer clic dentro del mapa y obtener esa direccion.
- Obtener coordenadas a partir de la dirección introducida o al hacer clic dentro del mapa.

La cuestion es que todo lo hace bien, no me deja salir de mi pais a través de arrastrar el mapa. Pero si me deja salir de mi país introduciendo una direccion de fuera.

Entonces mis conocimientos de Google Maps creo que han tocado a su fin y me gustaria saber si hay algunas lineas que permitan detectar el pais que es (a partir de coordenadas o de la direccion) que hemos introducido y que de un mensaje de error ya que se ha salido del pais que me interesa, volviendo a centrar el mapa en su inicio.

Muchisimas gracias y lo siento por todo.

Hola muy buenas, estoy editando un foro phpbb3 para un proyecto mio. La idea es que cuando el usuario este logueado, haya un boton(1) el cual al pincharle encima te lleve a una pagina del foro el cual te muestre el mapa de un pais, pinchas la comunidad y aparece, un boton(2) de Crear partido y te liste todos los partidos que ya hay creados de esa comunidad.

He creado el boton(1), pero no se que variable poner en el <a href="... porque los demas botones utilizan variables que desconozco ahora mismo, tipo: <a href="{U_MEMBERLIST}"..

Si supiese donde se declaran, etc. intentaria hacer lo mismo con ese boton, para que la pagina se recargue en la zona de "FOROS" y no pierda la sesion etc. tipo include.

No se si me he explicado bien, lo siento, muchas gracias.

Un saludo.

Hola muy buenas, estoy iniciandome en el mundo de Java y estoy haciendo los ejercicios de un libro. Necesito ayuda sobre un ejercicio concreto que no me sale y funciona con objetos. Dejo el enunciado.

Enunciado:

   Escribe un programa que pida los datos de los cuatro miembros de una familia. Los datos que nos interesa de cada uno de ellos son: nombre, direccion y edad.

   La direccion de todos los miembros de la familia sera siempre la misma. Con lo cual, este dato solo se pedira una vez y se cambia la direccion de un familiar, esto tendra que afectar al resto de la familia.

   Visualiza los datos de cada uno de los miembros de la familia.

   Posteriormente, la familia cambia de direccion, con lo cual, el programa pedira esa nueva direccion.

   Vuelve a visualizar los datos de todos los miembros de la familia con el fin de comprobar el cambio de direccion ha afectado a todos los miembros. POr ultimo, se visualizara la media de edad de dicha familia.



Codigo de las clases:

   Clase:

   

Código (java) [Seleccionar] Expandir

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package ejercicio;
import java.io.*;

/**
*
* @author ivan.urrea
*/
public class Clase {

   String nombre, direccion, direccion_nueva, introducir;
   int edad, media;
   int i = 0;
   
      String pedirCadena(){
     
      String cadena="";
      InputStreamReader flujo = new InputStreamReader(System.in);
      BufferedReader teclado = new BufferedReader(flujo);
      try
      {
         
          cadena = teclado.readLine();
         
      }
     
      catch (IOException e){
         
          System.out.println("Ha habido un error en la entrada de datos");
                     
      }
     
      return cadena;
     
  }
   
   void pedirDatos(){
       
       while(i==0){
           
           pedirDireccion();
           i++;
       }
       
       pedirNombre();
       pedirEdad();
       
       while(i==4){
       
       System.out.println("\n\n¿DESEA INTRODUCIR UNA NUEVA DIRECCION? SI o NO");
       introducir = pedirCadena();
       
           if(introducir == "SI" || introducir == "si"){
               
           nuevosDatos();

           }
       }
      i++;
       
   }
     
  void pedirNombre() {
     
      System.out.println("\tInserte el nombre: ");
      nombre = pedirCadena();
     
  }
 
  void pedirDireccion(){
     
      System.out.println("\tInserte la direccion: ");
      direccion = pedirCadena();
             
  }
 
  void pedirEdad(){
     
     System.out.println("\tInserte una edad: ");
     String linea = System.console().readLine();
     edad = Integer.parseInt(linea);

  }
 
  void nuevosDatos(){
             
      System.out.println("\tInserte la direccion: ");
      direccion_nueva = pedirCadena();
      visualizarTodo();
     
  }
 
  void visualizarTodo(){
     
      System.out.println("\tDIRECCION DE TODA LA FAMILIA " +direccion);
      System.out.println("\tNOMBRE: " + nombre);
      System.out.println("\tEDAD: " + edad);
     
  }
 
  void visualizarMedia(){
     
      media = edad/4;
      System.out.println("\tMEDIA " + media);  
     
  }
 
}


   Principal:

Código (java) [Seleccionar] Expandir

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package ejercicio;
import java.io.*;

/**
*
* @author ivan.urrea
*/
public class Principal {

   /**
    * @param args the command line arguments
    */
   public static void main(String[] args) throws IOException
   {
       // TODO code application logic here
       
      Clase clase1, clase2, clase3, clase4;
     
      clase1 = new Clase();
      clase2 = new Clase();
      clase3 = new Clase();
      clase4 = new Clase();
     
      System.out.println("\n\nVAMOS A PEDIR LOS DATOS DE LA PERSONA 1: ");
      clase1.pedirDatos();
      System.out.println("\n\nVAMOS A PEDIR LOS DATOS DE LA PERSONA 2: ");
      clase2.pedirDatos();
      System.out.println("\n\nVAMOS A PEDIR LOS DATOS DE LA PERSONA 3: ");
      clase3.pedirDatos();
      System.out.println("\n\nVAMOS A PEDIR LOS DATOS DE LA PERSONA 4: ");
      clase4.pedirDatos();
             
   }
   
   static void visualizarTodo(Clase clase1,Clase clase2,Clase clase3,Clase clase4){
       
       System.out.println("\n\nVAMOS A VISUALIZAR LOS DATOS DE LA PERSONA 1: ");
       clase1.visualizarTodo();
       System.out.println("\n\nVAMOS A VISUALIZAR LOS DATOS DE LA PERSONA 2: ");
       clase2.visualizarTodo();
       System.out.println("\n\nVAMOS A VISUALIZAR LOS DATOS DE LA PERSONA 3: ");
       clase3.visualizarTodo();
       System.out.println("\n\nVAMOS A VISUALIZAR LOS DATOS DE LA PERSONA 4: ");
       clase4.visualizarTodo();
       
   }
   
   static void visualizarMedia(){
       
       visualizarMedia();
       
   }
   
}


Creo que es este archivo:

https://www.dropbox.com/s/0odtsmtssbpl2yc/Manual%20de%20Java%20Basico.pdf

Código [Seleccionar] Expandir

if (is_uploaded_file ($_FILES['imagen']['tmp_name'])){
   $nombreDirectorio = "img/";
   $idUnico = time();
   $nombreFichero = $idUnico . "-" . $_FILES['imagen']['name'];
   $nombreFichero=$nombreDirectorio.$nombreFichero;

   
   $ruta_imagen=$_FILES['imagen']['tmp_name'];
$miniatura_ancho_maximo = 665;
$miniatura_alto_maximo = 500;
$info_imagen = getimagesize($ruta_imagen);
$imagen_ancho = $info_imagen[0];
$imagen_alto = $info_imagen[1];
$imagen_tipo = $info_imagen['mime'];

$proporcion_imagen = $imagen_ancho / $imagen_alto;
//$miniatura_ancho_maximo = $miniatura_alto_maximo * $proporcion_imagen;
$proporcion_miniatura = $miniatura_ancho_maximo / $miniatura_alto_maximo;
if ( $proporcion_imagen > $proporcion_miniatura ){
$miniatura_ancho = $miniatura_ancho_maximo;
$miniatura_alto = $miniatura_ancho_maximo / $proporcion_imagen;
}
else if ( $proporcion_imagen < $proporcion_miniatura ){
$miniatura_ancho = $miniatura_alto_maximo * $proporcion_imagen;
$miniatura_alto = $miniatura_alto_maximo;
}
else {
$miniatura_ancho = $miniatura_ancho_maximo;
$miniatura_alto = $miniatura_alto_maximo;
}

switch ( $imagen_tipo ){
case "image/jpg":
case "image/jpeg":
$imagen = imagecreatefromjpeg( $ruta_imagen );
break;
case "image/png":
$imagen = imagecreatefrompng( $ruta_imagen );
break;
case "image/gif":
$imagen = imagecreatefromgif( $ruta_imagen );
break;
}

$lienzo = imagecreatetruecolor( 500, 500/*$miniatura_ancho, $miniatura_alto*/ );
imagecopyresampled($lienzo, $imagen, 0, 0, 0, 0, 500, 500, $imagen_ancho, $imagen_alto);
imagejpeg($lienzo, $nombreFichero, 80);
   
   //FIN DE REDUCCION DE IMAGEN -->
   
}

Doy por hecho que algunas cosas las entiendes, sino preguntamelas.

Un saludo.

No entra porque tienes puesto FUNCION, en vez de FUNCTION. De todas formas te da un valor erroneo. Mira a ver si ya que sabes ese error lo puedes solucionar, sino dimelo.

Un saludo.

El pdf esta caido, se puede subir...?