I have a Google map (API v3) with one marker and infowindow which contains a link that I have placed in a modal dialog. The problem is that the link in the infowindow is not clickable, even though it reacts to mouse hover. If I remove 'modal: true' from my call to open the dialog, the link becomes clickable, and the new page is loaded. Is there a solution to this?
View 1 Replies
Here's the map demo:[URL]... It's a map using clusters for markers, clusters work ok, markers place correctly but no matter what I do I don't seem to get the infoWindows to open. OnClick event for infowindows displays the alert I added (but now it's commented so it does not show). So the onclick funtion works I think? It just does not open the infowindow... Kinda lost here, any help? I've been fighting with this so long I can even consider giving some quid in return for a working solution! (via paypal or so).
View 1 Replies View RelatedI'm trying to make web page where when you click on a map from google maps, a marker is inserted with an infowindow telling you the address on which you placed the marker. Placing the marker works fine, but the reverse geocoding is giving me some trouble. I'm pretty sure the problem is in the javascript code not the google maps API. I put in some comments to show where I think the problem is.
HTML Code:
<script type="text/javascript"
src="http://maps.google.com/maps/api/j
</script>
<script type="text/javascript">
[Code]...
I have very common Problem with myJavaScriptThat I have create on page that have one div that is when page load it is display none when i click on link then its html is showing in modal Dialog that i have made my own but on that modal i am not able to fire any event but when execute any without the modal dialog then its working
View 2 Replies View Relatedhow to put a hyperlink in google map's infowindow?Now my infowindow is managed to echo user name and address. What i intend to do is adding a hyperlink at below (inside infowindow) to view_mem.php. I heard it's impossible to add hyperlink inside. Any opinion?
This is my google map:
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
[code]....
I tried to do something like this in my echo '<marker '; But it doesn't work
echo 'link="'.parseToXML"<a href= 'view_mem.php"."?user_id=".$row['user_id']."'>View Profile</a>";
What I'm trying to do is import a list of addresses from an xml file and display them in a google map. When each marker is clicked, a window will appear with the address and a name given from the xml. So far, I've gotten the code to work, with one issue.. There has to be an alert box in the for loop (see code) before I use the geocoder. With the alert box, everything shows up as it should, except that I don't need an alert box popping up everytime a marker is added. Doesn't matter what information is in the alert box, as long as it is there, it works.
But, if I take the alert box out, then all the markers will display the same name and address in its info window. The name/address displayed is the last one in my xml file. I thought it just needed the pause so I had tried: setTimeout("alert('');",1000); but that didn't work, even with the alert box within the pause..
[Code]...
I am using the Google Maps API to integrate mapping into a web application. I am using HTML and JavaScript. I am having difficaulty integrating the directions function. I have a form which collects the users address/current location which is supposed to display a set of turn by turn direction and a route on the map when the users submits. I currently have a custom image icon which works perfectly. I cannot figure out why this does not work as i dont not receive any error codes which is very furstrating. Here is my HTML form
<form id="address_form" onsubmit="displayDirections(); return false" action="#" >
<p>
<label for="street">Street Address</label>
<input id="street" name="street_address" type="text" tabindex="1" />
</p>
<p>
<label for="city">City</label>
<input id="city" name="city" type="text" tabindex="2" />
[Code]...
I've written a google maps app for work and have got it all running nicely...in chrome. I've only just noticed that for some reason it's not working in firefox or internet explorer. I was wondering if someone could take a look at the simple extract that I've made and show me where I'm going wrong (If I am):
Javascript:
Code:
function initialize() {
if (GBrowserIsCompatible()) {
//Create a div called map_canvas in the html where the map will be displayed
var map = new GMap2(document.getElementById("map_canvas"));
//Set the map to center on these coordinates
map.setCenter(new GLatLng(55.872759,-4.297972), 15);
[Code]..
I want to have several maps on my aspx/ascx-Webpage, but only the last one is rendered after PageLoad(). Is there any limitation for that in the goMap() plugin?
View 1 Replies View RelatedI used the jquery modal dialog from the[url].... that is currently draggable from the title only. is there any way i can make
that draggable by inserting a div at the footer of the dialog or make it draggable from everywhere in the dialog.
I'm developing a land use map and want to use Google Maps. Just want to ask if the Javascript API could actually handle overlays like this sample: URl...Or you would suggest other ways to do this?
View 2 Replies View RelatedI'm not sure where I have translated this incorrectly. I have one google map embedded on my page which works fine. But I wanted to add a second one. I thought the easiest way to do this would be to have a second page which is called later on with all the details on it for the second map. However although I think (this I presume is where I went wrong) I have replicated the instructions correctly the place holder for the second map just remains blank.
This is the code for my called page with the instructions for the second map:
And this is the script of the main page, just in case I would be better off keeping them both in one place.
<head>
I've cut out the script that doesn't relate to this so I hope I haven't missed anything important.
I have a table with edit and delete buttons on each row, I have managed to get modal dialogs working with the following code, the links that invoke the dialog each have a unique ID like so:
<a href="#" id="1234" class="dialog_link">Link text 1</a>
<a href="#" id="5678" class="dialog_link">Link text 2</a>
When the dialog is closed I need to call a PHP script to actually do the delete bit and I am stuck on that!
$(function() {
$(".dialog_link").dialog("destroy");
$("#dialog-confirm").dialog({
autoOpen: false,
[Code].....
I have a div i would like to present and while it is presented i would like to disable everything else behind (like what modal dialog does). I'de like to write it myself and not use a plugin, is it hard to do?
View 1 Replies View RelatedI am new to JQuery and want to know how i can submit a form that is in a JQuery Dialog Modal Form. I have a button on my main page, which opens up a modal form, with a form inside. Here are 2 snippets from the code.
<script type="text/javascript">
$(function(){
// Dialog$('#dialog').dialog({
autoOpen: false,
width: 330,
buttons: {
"OK": function () {
alert("FORM SHOULD SUBMIT HERE");
},
"Cancel": function() {
$(this).dialog("close");
}}});
// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);});
</script>
Code on the dialog.
<div id="dialog" title="Search by Job Number"><form action="SearchByJob.asp" method="post" name="JobForm">
<p>Enter Job Number:<input name="JobNumber" type="text" class="TextSmallBlack" id="JobNumber" size="30"></p><form>
</div>
How can I get the form to submit to the SearchByJob page?. If I put $("JobForm").submit() under the OK function, nothing happens.
How can i set the background opacity of jquery dialog without setting modal:true?I need this possibility because i can not use modal:true (i am using forms inside the dialog box
View 2 Replies View Relatedin a my page i have create che code for a modal dialog box in jquery code...
but this code doesn't work..why? i should open the box only with a click event for example?
I am using jquery to create a modal dialog. I am using the following code snippets.
[Code]...
New to JQuery, not new to JS or even ext/js. I need to know how to create a modal dialog box that appears when a user clicks a cell in a table. The modal dialog box should contain, the information in the table row.
If you have something quick and easy, perfect, otherwise, I was hoping you could answer a few questions:
Normally, in ext/js, I'd do something like setting a listener on the div containing the table, then use the js event object to get the row (it's parent), then get the row's children (each of the <TD>s) and walk through and update the form or whatever else I'm displaying.
Is this basically what I'd do here? What are the functions that would probably yield the most readable results (search, find, etc)? Should I/Do I need to install a jQuery extension, or does the base language support this functionality easily?
is there a way to get the modal dialog box to close by clicking on the background - .ui-widget-overlay? I tried
$('.ui-widget-overlay').click(function(){
$('#dialog').dialog('close');
});
but it didn't work.
I am creating an form dialog that will be slightly different for creating data than editing data. I'm pretty new to jquery, but I'm using the jqueryui and it seems to be working fine, but now I'm looking to change the labels of a couple of buttons and have one button available during editing (but not creating)....
View 1 Replies View RelatedI have created a modal dialog using Jquery and I am opening an aspx page inside the modal dialog. The code is as follows:
ASPX Page:
<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral,
[Code].....
I am a total newbie and am trying to get a google maps type draggable div working for this site www.bingbangbosh.ie. Wondering is it possible to have the div set to a certain width, then when dragged the larger image within the div is dragged around until the cursor meets the edge of the div. would it also be possible to contain this draggable div to a larger div so that it would not be possible for it to disappear off the visible 'window'.[URL]..
View 3 Replies View RelatedI want to inject particular data from a webservice into a popup (not the default popups).
So, is there a way to show a Lightbox (or Fancybox) popup when clicking a Google maps marker ?
Notice: This is a discussion thread for comments about the SitePoint article, Adding Markers to a Map Using the Google Maps API and jQuery.
I just got a little lost as to where the #showmarkers button comes from?
I'm going to preface this by saying I know next to nothing about implementing jquery. Thus far, I've just been very lucky and able to figure out a few things on my own.
I have a simple form on my site that, upon clicking "submit" calls a PHP file.
I'd like to have a modal dialog box open when you confirm submission(like this.... [URL] but can't understand how to target the submit button to make this happen.
[URL]
I already have jquery script on my page but dont know what to do from here.
