Jump to content

smiles

Members
 View Profile  See their activity

  • Posts

    774

  • Joined

  • Last visited

 Content Type 

Posts posted by smiles

    Google map "Search box" for address

    in JavaScript

    Posted · Edited by smiles

    Sorry, I forgot '.value' -> document.getElementById('search_address').value :facepalm:

    <!DOCTYPE html><html>  <head>    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />    <style type="text/css">	  html { height: 100% }	  body { height: 100%; margin: 0; padding: 0 }	  #map_canvas { height: 100% }    </style>    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>    <script type="text/javascript">  var map;  var geocoder = new google.maps.Geocoder();	 function initialize() {  var latlng = new google.maps.LatLng(37.77, -122.4);  // set up the default options  var myOptions = {   zoom: 8,   center: latlng,   navigationControl: true,   navigationControlOptions:   {style: google.maps.NavigationControlStyle.DEFAULT,   position: google.maps.ControlPosition.TOP_LEFT },   mapTypeControl: true,   mapTypeControlOptions:   {style: google.maps.MapTypeControlStyle.DEFAULT,   position: google.maps.ControlPosition.TOP_RIGHT },   scaleControl: true,   scaleControlOptions: {   position: google.maps.ControlPosition.BOTTOM_LEFT   },   mapTypeId: google.maps.MapTypeId.ROADMAP,   draggable: true,   disableDoubleClickZoom: false,   keyboardShortcuts: true  };  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);  if (true) {   var trafficLayer = new google.maps.TrafficLayer();   trafficLayer.setMap(map);  }  if (true) {   var bikeLayer = new google.maps.BicyclingLayer();   bikeLayer.setMap(map);  }  if (true) {   addMarker(map,37.7715,-122.4,"We are here");  }	  }  function search() {  var searchText = document.getElementById('search_address').value;  if (searchText != '') {   geocoder.geocode({    address: searchText   }, function (results, status) {    if (status == google.maps.GeocoderStatus.OK) {	 var viewport = results[0].geometry.viewport;	 var location = results[0].geometry.location;	 if (viewport) {	  map.fitBounds(viewport);	 } else {	  map.setCenter(location);	 }    }   });  }}  function addMarker(map,lat,long,titleText) {  var markerLatlng = new google.maps.LatLng(lat,long);  var marker = new google.maps.Marker({   position: markerLatlng,   map: map,   title:"We are here",   icon: ""  });}  </script>  </head>  <body onload="initialize()">    <div id="map_canvas" style="width:100%; height:100%"></div><input type="text" id="search_address" value="" size="98"/><button onclick="search();">Search</button>  </body></html>

    Google map "Search box" for address

    in JavaScript

    Posted

    lets map be a public variableyour search function maybe like this 

    function search() {var searchText = document.getElementById('search_address');if (searchText != '') {  geocoder.geocode({   address: searchText  }, function (results, status) {   if (status == google.maps.GeocoderStatus.OK) {    var viewport = results[0].geometry.viewport;    var location = results[0].geometry.location;    if (viewport) {	 map.fitBounds(viewport);    } else {	 map.setCenter(location);    }   }  });}}

    Adding a Timepicker to jQuery UI Datepicker

    in JavaScript

    Posted · Edited by smiles

    For simple, the files and folders hierarchy will be like below - test.html- jquery-ui-1.8.20.custom.css- jquery-ui-1.8.20.custom.min.js- jquery-1.7.2.min.js- images- - - - ui-icons_cd0a0a_256x240.png- - - - ...- - - - ... and in your test.html 

    <link type="text/css" rel="stylesheet" href="jquery-ui-1.8.20.custom.css" /><script src="jquery-1.7.2.min.js"></script><script type="text/javascript" src="jquery-ui-1.8.20.custom.min.js"></script>

    That's all! You dont have to worried about which jQuery ui should be imported.

    weird animations

    in JavaScript

    Posted

    Follow Quicksand's homepage http://razorjack.net/quicksand/, I see one difference - Your div that contains <ul id='content' ...> also contains filterOptions, while in Quicksand's homepage, filterOptions place outside that div - That div also has its width nearly two times larger than <ul id='content' ...> (I think object will based on width of object's container to calculate the offset for animation)

    HTML5 requestFileSystemSync

    in HTML/XHTML

    Posted

    http://www.html5rock...ile/filesystem/ Chrome File API stores files as blob, for e.g you create abc.txt then the link to access maybe like this C:\Users\{your account}\AppData\Local\Google\Chrome\User Data\Default\File System\001\t\00\00000002 Here is the code I tested before 
    <script>var fs = null;// Check for the various File API support.if (window.File && window.FileReader && window.FileList && window.Blob) {  // Initiate filesystem on page load.  initFS();} else {  alert('The File APIs are not fully supported in this browser.');}function errorHandler(e) {  var msg = '';  switch (e.code) {   case FileError.QUOTA_EXCEEDED_ERR:	msg = 'QUOTA_EXCEEDED_ERR';	break;   case FileError.NOT_FOUND_ERR:	msg = 'NOT_FOUND_ERR';	break;   case FileError.SECURITY_ERR:	msg = 'SECURITY_ERR';	break;   case FileError.INVALID_MODIFICATION_ERR:	msg = 'INVALID_MODIFICATION_ERR';	break;   case FileError.INVALID_STATE_ERR:	msg = 'INVALID_STATE_ERR';	break;   default:	msg = 'Unknown Error';   break;  };  console.log('Error: ' + msg);} function initFS() {   window.webkitRequestFileSystem(window.TEMPORARY, 1024*1024, function(filesystem) {   fs = filesystem;   }, errorHandler);} function writeFile(path, content){  fs.root.getFile('log1.txt', {create: true}, function(fileEntry) {   fileEntry.createWriter(function(fileWriter) {	fileWriter.onwriteend = function(e) {	 console.log('Write completed.');	};	fileWriter.onerror = function(e) {	 console.log('Write failed: ' + e.toString());	};	var bb = new window.WebKitBlobBuilder();	bb.append(content);	fileWriter.write(bb.getBlob('text/plain'));   },   errorHandler);   fs.root.getDirectory(path, {create: true}, function(dirEntry) {	fileEntry.moveTo(dirEntry);	console.log('in');   },   errorHandler);  },  errorHandler);} </script><button onclick="writeFile('file-api/', 'blah blah blah')">Test FileAPI</button>

    Help to edit following code

    in CSS

    Posted

    just surround element.fireEvent(event.eventType, event); by try catch try { element.fireEvent(event.eventType, event);} catch (error) { // error here maybe fireEvent not allow the second argument. element.fireEvent(event.eventType);}

    Help to edit following code

    in CSS

    Posted

    Because the #slider's width always be set with the same size as original width of the big images, so I think u have to design your images with the fix width (see below, 390px) temporarily, in .css div.mc-caption-bg, div.mc-caption-bg2 -> add width: 390px; #slider -> add width: 390px; (also, overflow: hidden) :)

    Full height of a page

    in CSS

    Posted

    Something like this ? 

    <html><head><style type='text/css'>   html, body {height: 100%; margin: 0}   #content {width: 100%; height: 100%;}   #top {position: absolute; top: 0px; bottom: 115px; width: 100%; background-color: pink;}   #bottom {position: absolute; bottom: 15px; height: 100px; width: 100%; background-color: green;}</style></head><body><div id='content'>   <div id='top'>blah</div>   <div id='bottom'>blah</div></div></body></html>

    • Like 1

    Help to edit following code

    in CSS

    Posted

    Nope!!! I see it again, smooth now, .js in minimized version so can't be edited, your config code for slider is the same as example, your css just to put the elements in the right place, no effect on smoothness. I see no problem now, sorry to confused you :facepalm:

    Problem with appendChild

    in JavaScript

    Posted

    I try your code, see the same thing, I think there is no problem with removeChild or appendChild, please notice 'viewers' variable in viewer.js, after each 500ms, it will contain one more Viewer object, I see Chrome process in Task Manager raise its using memory -> hanging. Try to put viewers = [] in front of viewers.push(this) at line 38, everything will be fine!

    Help to edit following code

    in CSS

    Posted

    The only difference between yours and example that affect smoothness is the Description part, it changes while gallery's images slidingTry to find out the animation function and put in another function that run when animation ends $('...').animate({[some css attributes]}, [duration], function(){ //animate stop here, then changes Description here})

    How to create fullpage & fixed sidebar

    in HTML/XHTML

    Posted

    Try this :)

    <html><head><style type='text/css'>   html, body {height: 100%; margin: 0}   #content {width: 100%; height: 100%}   #left {width: 100px; height: 100%; float: left; background-color: red}   #right {margin-left: 100px; height: 100%; background-color: green}</style></head><body><div id='content'>   <div id='left'>Testing</div>   <div id='right'>Testing</div></div></body></html>

    • Like 1

    Twitter.

    in JavaScript

    Posted

    $(function(){...}) will run after all DOMs loaded, while window.onload does the same but include images, objects ... loaded.So why put window.onload inside $(function(){...}), just comment it out. Try declare barLocations outside $(function(){...}), use var barLocations = []; then in success function: barLocations = []; (reset it)barLocations.push($.parseJSON(output)); I think your alert will be OK!

    • Like 1

    Host and DNS Discussion

    in Web Servers

    Posted

    Yes and no. It means that your DB can only reach 10MB in size as present on the server. However, your SQL file (as in "the one you get from PHPMyAdmin") may be larger because it includes the various "INSERT" statements needed to restore the DB from this file. But your DB (as in "your data") may not exceed 10MBs.
    Thanks !!! 1 year = 0.92M, I have 9 years ahead :)

    Host and DNS Discussion

    in Web Servers

    Posted

    well the host provider is recovered after attacking and I can enter my old site, I think the problem is it lost DNS system, so don't know where to point to my site :) one more question, I enter my database manager, it says Space Quota: 10MUsed Space: 0.96MDoes it mean the capacity of my database (.sql file) only reach 10M ?Thanks !!!

    Host and DNS Discussion

    in Web Servers

    Posted

    I am using free host service of Awardspace (http://myloves124.awardspace.com)Recently (from 26th Aug), connection to the site becomes very weak, just good when I wake up early at 5am.I ask my friend living in USA, France, Korea ... they say the connection still be good.At the same time, in my country, there is a big domain attacking (victim is the biggest hosting provider) that make many sites corrupt (they maybe not accessible, or be put frame tag to redirect to another site) So is there any relation between weak connection to my site and that event ???Thanks so much :)

×
×
  • Create New...