Попробуйте использовать: before и: after. Один вставляет текст после рендеринга html, другие вставки перед отображением html. Если вы хотите заменить текст, оставьте содержимое кнопки пустым.
В этом примере задается текст кнопки в соответствии с размером ширины экрана.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
button:before {
content: 'small screen';
}
@media screen and (min-width: 480px) {
button:before {
content: 'big screen';
}
}
</style>
<body>
<button type="button">xxx</button>
<button type="button"></button>
</body>
Текст кнопки:
1) с: перед
большой экранxxx
большой экран
2) с: после
xxxbig screen
g7]большой экран
Вот пара простых вызовов...
Примеры вызовов :-
Пример возвращенного XML (ipinfodb) :-
<Response>
<Ip>122.169.8.137</Ip>
<Status>OK</Status>
<CountryCode>IN</CountryCode>
<CountryName>India</CountryName>
<RegionCode>10</RegionCode>
<RegionName>Haryana</RegionName>
<City>Kaul</City>
<ZipPostalCode></ZipPostalCode>
<Latitude>29.85</Latitude>
<Longitude>76.6667</Longitude>
<Timezone>0</Timezone>
<Gmtoffset>0</Gmtoffset>
<Dstoffset>0</Dstoffset>
</Response>
Вы можете использовать API google: http://code.google.com/apis/ajax/documentation/#ClientLocation
Edit
Example:
<script type="text/javascript"
src="http://www.google.com/jsapi?key=ABCDEFG"></script>
<script type="text/javascript">
google.load("maps", "2.x", {callback: initialize});
function initialize() {
if (google.loader.ClientLocation) {
var lat = google.loader.ClientLocation.latitude;
var long = google.loader.ClientLocation.longitude;
alert ("lat: " + lat + "\nlong: " + long);
}
else { alert ("not available"); }
}