Форум: "Потрепаться";
Текущий архив: 2002.10.17;
Скачать: [xml.tar.bz2];
Вниз
JavaScript - работа в разных разрещениях экрана Найти похожие ветки
← →
sad (2002-09-25 08:47) [0]Люди, поможите советом.
Есть страница, в ней фрейм, во фрейме рисунок.
Надо в определенное место рисунка вставить часы Javascript так, чтобы в разных броузерах и при разных разрешениях экрана часы оставались на месте.
← →
AL2002 (2002-09-25 10:15) [1]http://adept7.narod.ru/
http://javascript.internet.com/ /рекомндую/
http://www.dynamicdrive.com/
http://www.superscript.al.ru/
← →
sad (2002-09-25 10:16) [2]может ссылку дадите, где ответить могут?
← →
sad (2002-09-25 10:37) [3]2 al2002
Спасибо
скрипт я уж нашел и опробывал.. все замечательно
Но проблема в другом,
настраиваю часики поставить в такой-то точке на рисунке..смотрю все зер гут, прихожу на другую машину(там разрешение экрана другое) смотрю..а часики относительно картинки поплыли
← →
AL2002 (2002-09-25 10:58) [4]А взглянуть можно?
Дело в том, что корректно жаба определяет только 640х480, 800х600 и 1024х768. Если у твоего друга больше или (:)) меньше, то поплывут.
Есть другие варианты. Не обязательно жаба.
← →
ShaggyDoc (2002-09-25 11:24) [5]А самый лучший вариант - не заниматься такой ерундой. Если бы ты был первый в мире, кто сумел показать часики, и кому-то это было бы надо, тагды да... А так, будешь выглядеть деревенской модницей, напялившей сапоги-чулки, вышедшие из моды 30 лет назад.
← →
AL2002 (2002-09-25 11:44) [6]А действительно, тебе что, текущее время надо показывать?
Ессли ты не онлайн аэропорт или ж/д вокзал, то это нафиг не надо.
← →
sad (2002-09-25 12:57) [7]страницу показать не могу, внутренняя интранет за файерволом,
просто у нас на заводе на фасаде эл.часы висят, хотел сделать вирт. фасада..
← →
AL2002 (2002-09-25 13:10) [8]>sad © (25.09.02 12:57)
Да не надо там никакой жавы.
Я так понимаю, там картинка фасада и ты леером часы взгромоздил поверх картинки. Часы электронные? Или со стрелками?
← →
sad (2002-09-25 13:55) [9]леером= это как?
я пользовался iframe
часы электронные
← →
AL2002 (2002-09-25 15:14) [10]>sad © (25.09.02 13:55)
>леером= это как?
Это так, что лучше так не надо.
>я пользовался iframe
Вот здесь поподробней. Что, как и на чём лежит. И где.
>часы электронные
Эт хорошо.
← →
sad (2002-09-25 15:32) [11]на основной странице во фрейме запускается следующий HTML
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<META NAME="Generator" CONTENT="Microsoft Word 97">
</HEAD>
<script language="JavaScript">
var browser_name = navigator.appName;
if (browser_name=="Microsoft Internet Explorer") {
document.write("<body background=front.jpg topmargin=29 leftmargin=448>")
document.write("<iframe border=\"false\" bgcolor=\"#FFFFFF\" frameborder=0 scrolling=\"no\" height=28 width=110 src=\"clock.html\"> </iframe>")}
if (browser_name=="Netscape") {
document.write("<body background=front.jpg topmargin=29 leftmargin=458>")
document.write("<iframe border=\"false\" bgcolor=\"#FFFFFF\" frameborder=0 scrolling=\"no\" height=28 width=120 src=\"clock.html\"> </iframe>")}
</script>
</body>
</HTML>
Clock.html - собственно JavaScript эл.часов
← →
AL2002 (2002-09-25 15:47) [12]А часы шрифтовые? Или картинка?
А просто Align=Right не поможет?
Кстати, совет: вместо второго ифа поставь Else.
Я так понимаю, нужно, чтобы часы на месте оставались. Т.е. были привязаны по иксу.
← →
sad (2002-09-25 15:58) [13]>> А часы шрифтовые? Или картинка?
каждая цифра -картинка
>>А просто Align=Right не поможет?
нет
>>Кстати, совет: вместо второго ифа поставь Else.
пробывал, че-то не захотело работать
>>Я так понимаю, нужно, чтобы часы на месте оставались. Т.е. были привязаны по иксу.
абсолютно верно
я в JavaScript не силен, может можно как-то картинку фасада вывести как имидж. а не как фон, а потом как-то вырезать фрейм, и туда вставить скрипт
← →
AL2002 (2002-09-25 16:09) [14]>>>Кстати, совет: вместо второго ифа поставь Else.
>пробывал, че-то не захотело работать
Тогда if (browser_name!="Microsoft Internet Explorer")
>>>А просто Align=Right не поможет?
>нет
А должно. Я имею в виду и в ифрейме и в clock.html выравнивание поставить. И ширину постоянно 120 давать.
← →
AL2002 (2002-09-25 16:10) [15]Прмвязка часов к чему идёт?
← →
AL2002 (2002-09-25 16:13) [16]Что-то ты не то мутишь. Если часы — картинка и лежат на картинке, жаба нафиг не нужна. Они ж фиксированные.
← →
sad (2002-09-25 16:19) [17]Листинг clock.html
взят с одного из сайтов с примерами скриптов
<head>
<meta http-equiv="Content-Type" content="html; charset=windows-1251">
<body topmargin=0 leftmargin=0>
<!-- JavaScript immediate script --> <script language="JavaScript">
<!--
// Copyright (c) 1998 Radomir Yershov (RU). All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.orthodox.spb.ru
// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.geocities.com/~yehuda/
// create array of all digit images
var digit = new Array()
digit[0] = new Image(15, 53)
digit[1] = new Image(15, 53)
digit[2] = new Image(15, 53)
digit[3] = new Image(15, 53)
digit[4] = new Image(15, 53)
digit[5] = new Image(15, 53)
digit[6] = new Image(15, 53)
digit[7] = new Image(15, 53)
digit[8] = new Image(15, 53)
digit[9] = new Image(15, 53)
digit[12] = new Image(10, 53) // colon
digit[13] = new Image(10, 53) // blank
// assign sources to digit image objects (0 - 9)
for (var i = 0; i < 10; ++i) {
digit[i].src = getPath(location.href) + "dg" + i + ".gif"
}
// assign sources to other image objects
digit[12].src = getPath(location.href) + "dgc.gif"
digit[13].src = getPath(location.href) + "dgb.gif"
// set initial time values to impossible ones
var hour1 = getHour(0)
var hour2 = getHour(1)
var minute1 = getMinute(0)
var minute2 = getMinute(1)
var colon = false
// get array substring of first clock image in document.images array
var start = document.images.length // number of images in document
// print initial clock
var openImage = "<IMG SRC=\"" + getPath(location.href) + "dg"
var closeImage = ".gif\" HEIGHT=28 WIDTH=23>"
document.write(openImage + hour1 + closeImage)
document.write(openImage + hour2 + closeImage)
document.write(openImage + "c.gif\" HEIGHT=28 WIDTH=18>")
document.write(openImage + minute1 + closeImage)
document.write(openImage + minute2 + closeImage)
document.write ("</p>")
var timerID = null
var timerRunning = false
update()
function setClock() {
if (getHour(0) != hour1) { // not getHours()!
hour1 = getHour(0)
document.images[start].src = digit[hour1].src
}
if (getHour(1) != hour2) { // not getHours()!
hour2 = getHour(1)
document.images[start + 1].src = digit[hour2].src
}
colon = !colon
if (!colon)
document.images[start + 2].src = digit[13].src
else
document.images[start + 2].src = digit[12].src
if (getMinute(0) != minute1) { // not getMinutes()!
minute1 = getMinute(0)
document.images[start + 3].src = digit[minute1].src
}
if (getMinute(1) != minute2) { // not getMinutes()!
minute2 = getMinute(1)
document.images[start + 4].src = digit[minute2].src
}
timerID = setTimeout("setClock()",1000)
timerRunning = true
}
function update() {
stopClock()
setClock()
}
function stopClock() {
if (timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function getHour(place) {
var now = new Date()
var hour = now.getHours()
if (hour < 10)
hour = "0" + hour // do not parse number!
hour += ""
return parseInt(hour.charAt(place))
}
function getMinute(place) {
var now = new Date()
var minute = now.getMinutes()
if (minute < 10)
minute = "0" + minute // do not parse number!
minute += ""
return parseInt(minute.charAt(place))
}
function getPath(url) {
lastSlash = url.lastIndexOf("/")
return url.substring(0, lastSlash + 1)
}
// -->
</script> </p>
<br>
</body></html>
← →
AL2002 (2002-09-25 16:24) [18]Рекомендую добавить:
<body topmargin=0 leftmargin=0 MarginWidth=0 MarginHeight=0>
Привязка часов к чему идёт??
← →
sad (2002-09-25 16:34) [19]front.jpg - цифровая фотка фасада, соответственно с часами, располагаю ее как фон, то бишь background
вот к этим часам и идет привязка.
← →
sad (2002-09-25 16:39) [20]2AL2002
В JavaScript можно узнать какое разрешение на клиентской машине?
← →
AL2002 (2002-09-25 17:00) [21]>sad © (25.09.02 16:39)
Можно. Только это тебе не нужно.
Тебе нужен прозрачный gif.
Делаешь выравнивание по левому краю. В файл Clock.html добавляешь бакграундом картинку только часов.
Регулируя ширину прозрачного гифа ставишь ифрейм куда надо, чтоб совпадало с рисунком фасада.
Ща скрипт поищу. Только лучше без него. Он не во всех браузерах работает.
← →
AL2002 (2002-09-25 17:17) [22]<SCRIPT LANGUAGE="JavaScript">
var ScrnSize = "UnCommon"
if (navigator.appVersion.indexOf("4.") != -1 &&
navigator.appName.indexOf("Explorer") != -1) {
ScrnSize = screen.width + "x" + screen.height;
}
if (navigator.appVersion.indexOf("4.") != -1 &&
navigator.appName.indexOf("Netscape") != -1) {
ScrnSize = screen.width + "x" + (screen.height + 19);
}
switch(ScrnSize) {
case "640x480": document.write("<body bgcolor="#FF0000" text="#000000">");
case "800x600": document.write("<body bgcolor="#00FF00" text="#000000">");
case "1024x768": document.write("<body bgcolor="#0000FF" text="#000000">");
case "1152x864": document.write("<body bgcolor="#FFFF00" text="#000000">");
case "1280x1024": document.write("<body bgcolor="#AA0000" text="#000000">");
case "1600x1200": document.write("<body bgcolor="#FF00FF" text="#000000">");
case "1600x1280": document.write("<body bgcolor="#00AA00" text="#000000">");
default: document.write("<body bgcolor="#FFFFFF" text="#000000">");
}
document.write("Browser Type=" + navigator.appName + "<BR>");
document.write("Browser Version=" + navigator.appVersion + "<BR>");
document.write("Screen Resolution=" + screen.width + "x" + screen.height);
</script>
← →
sad (2002-09-25 17:26) [23]2 AL2002 ©
Большое спасибо
Все заработало так как надо
← →
AL2002 (2002-09-25 17:41) [24]Ещё талдыкнется он тебе, скрипт этот.
Хотя, если интранет, то у всех один браузер должен быть.
Страницы: 1 вся ветка
Форум: "Потрепаться";
Текущий архив: 2002.10.17;
Скачать: [xml.tar.bz2];
Память: 0.51 MB
Время: 0.013 c
