Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужно кнопочку разместить на картинке и что бы она активная была / 25 сообщений из 28, страница 1 из 2
  1  все
17.11.2008, 17:16
    #35658521
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
На картинке лучше всего это видно, вот на тот крестик нажимаешь и картинка удаляется. Удалить - удалю. А вот как её туда поместить не знаю, мало того не знаю как сделать что бы при нажатии на крестик(для начало) был переход на какую нибудь страницу.
Картинка
Можно пример кода?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 17:45
    #35658606
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
тынц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 19:36
    #35658877
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Спасибо за экзампл. Но у меня картинка отдельно идёт кнопка идёт отдельно. Т.е. если я смогу замапить верхний угол картинки то как мне саму картинку кнопки перетащить на этот угол? Что бы в два слоя было
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 20:40
    #35658975
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Ну:
var cls:documentgetElementById("closeimg");
var im:documentgetElementById("yourimg");
cls.offsetLeft=im.offsetWidth-cls.offsetWidth;
cls.offsetTop=0;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 21:17
    #35659023
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Проставил айдишники, а куда этот код писать? C учётом того что html генерируется динамически.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 21:34
    #35659044
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<script ....>
function genimg(){
var cls:documentgetElementById("closeimg");
var im:documentgetElementById("yourimg");
cls.style.position="absolute";
cls.offsetLeft=im.offsetWidth-cls.offsetWidth;
cls.offsetTop= 0 ;
}
</script>

<body onload="genimg()">

А еще как вариант правда не очень кросбраузерно:

#closeimg{
position: absolute;
width:50px;
height:50px;
left:100%;
top:0px;
margin-left:-50px;
}

А еще как вариант:

<div style="position:relative;background-image:url('your_main_picture.jpg');width:600px;height:600px">
<div style="text-align:right;">
<img src="close.jpg" style="cursor:pointer" onclick="location.href='index.php'">
</div>

А еще как вариант:

<div style="position:relative;">
<img src="...">
<div style="text-align:right;position:absolute;left:0px;top:0px">
<img src="close.jpg" style="cursor:pointer" onclick="location.href='index.php'">
</div>

Да вариантов много, правда очень многие некрсбраузерные, и моугт еще не подходить к твоей задачи.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 00:57
    #35659271
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Ренат,

последний вариант уже похож на правду :-).

Так:
Код: plaintext
1.
2.
3.
4.
5.
<div style="position:relative; width:100px; height:100px">
	<img src="hr3.gif" width="100" height="100">
	<div style="position:absolute; top:0; right:0">
		<img src="hr3.gif" width="20" height="20">
	</div>
</div>
Либо так:
Код: plaintext
1.
2.
3.
<div style="position:relative; background: url('hr3.gif'); width:100px; height:100px">
	<div style="position:absolute; background: url('hr.gif'); width:20px; height:20px; top:0; right:0">
	</div>
</div>


П.С. Ренат, не забывай оформлять код
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 09:40
    #35659507
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Ренат
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<script ....>
function genimg(){
var cls:documentgetElementById("closeimg");
var im:documentgetElementById("yourimg");
cls.style.position="absolute";
cls.offsetLeft=im.offsetWidth-cls.offsetWidth;
cls.offsetTop= 0 ;
}
</script>

<body onload="genimg()">


на cls: - ругается что Expected ';'
а так как я джаво скриптом работаю очень мало поэтому так и не смог исправить

illionРенат,

последний вариант уже похож на правду :-).

Так:
Код: plaintext
1.
2.
3.
4.
5.
<div style="position:relative; width:100px; height:100px">
	<img src="hr3.gif" width="100" height="100">
	<div style="position:absolute; top:0; right:0">
		<img src="hr3.gif" width="20" height="20">
	</div>
</div>


с первого раза заработало. Спасибо. А это в разных браузерах стабильно будет держаться или "поплывёт"?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 10:45
    #35659689
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
illion,

ухты а мну и не знал что есть в css своиство right)
зы. illion и где ты была раньше?( А то три месяца уже такими извращенными методами пользовался)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 10:53
    #35659716
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
И я не знал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 11:27
    #35659830
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
NCEА это в разных браузерах стабильно будет держаться или "поплывёт"?
че б такое ответить, чтобы не соврать? :-). Если серьезно - то не должно поплыть. Именно "не должно", ибо за все браузеры в мире говорить не могу. В основных (ие, фф, опера) будет держаться. В зависимости от доктайпа может появиться отступ внизу рисунка, но он же внизу и никак не помешает. А лично я бы выбрала все-таки второй вариант, он как-то ....мммм....покрасивше....


Ренат, ShSerge,
убили наповал. Пара top-bottom значит есть, а о left-right вы не знали? (скажите еще что и о bottom первый раз слышите, чтоб добить окончательно).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 11:34
    #35659857
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
illion,

Пардон. Уже вспомнил.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 11:43
    #35659895
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
ShSerge,

о, аж отлегло от сердца. Диагноз: буду жить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 13:38
    #35660376
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
illion,

хммм ну о bottom знал... а о right чето даже и в голову и не приходило) хых, даже сам удивился)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 18:00
    #35661400
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Кстати, друзья такая проблема появилась.

У style отделение папки идёт косая черта в другую сторону "/" а в img src в обратную сторону "\" и вот функция которая возвращает путь к картинке возвращает именно слэш второго типа т.е. для img src, получается два вариант либо переделать функцию для работы со style либо использовать img src. Или есть третий вариант? Может как-то подсунуть обычный слэш
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 20:55
    #35661738
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
третий вариант:
file:///c:/windows/winnt.bmp

off:
о right и bottom не знает ни делфи, ни иже с ними визуальные студии, так что приходится считать right как form.width - (left + width). с bottom ситуация такая же :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 21:03
    #35661757
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
verzerтретий вариант:
file:///c:/windows/winnt.bmp


Спасибо!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 21:05
    #35661761
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
verzerтретий вариант:
file:///c:/windows/winnt.bmp


Блин сам запутался, хочу использовать со style но слэш не подходит, а функцию как-то не особо хочется переделывать, т.е. получается что буду юзать ims src
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 21:27
    #35661788
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
как же не подходит?
у меня оба варианта работают:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div style="position:relative; width:100px; height:100px">
	<img src="file:/c:/pic1.bmp" width="100" height="100">
	<div style="position:absolute; top:0; right:0">
		<img src="file:/c:/pic2.bmp" width="20" height="20">
	</div>
</div>

<div style="position:relative; background: url('file:/c:/pic1.bmp'); width:100px; height:100px">
	<div style="position:absolute; background: url('file:/c:/pic2.bmp'); width:20px; height:20px; top:0; right:0">
	</div>
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 21:34
    #35661794
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
verzer
Код: plaintext
<img src="file:/c:/pic2.bmp" width="20" height="20">

Чего за синтаксис URLа такой? Интересно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 21:43
    #35661805
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
ну вот какой-то такой xD

вот такой тоже работает: file:///c:\\pic1.bmp. и слеш обратный. но два, что, как я понимаю, автора так же не устроит :)

ShSerge, дык покажите, как надо. дайте ссылку на стандарт.
огромным плюсом будет, если этот стандарт поймут несколько бровзеров, а то.. ради сомнительной выгоды от валидности в соседнем топике уже четвёртый день вооют с шириной полей))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 22:07
    #35661833
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
RFC 17383.10 FILES

The file URL scheme is used to designate files accessible on a
particular host computer. This scheme, unlike most other URL schemes,
does not designate a resource that is universally accessible over the
Internet.

A file URL takes the form:

file://<host>/<path>

where <host> is the fully qualified domain name of the system on
which the <path> is accessible, and <path> is a hierarchical
directory path of the form <directory>/<directory>/.../<name>.

For example, a VMS file

DISK$USER:[MY.NOTES]NOTE123456.TXT

might become

<URL:file://vms.host.edu/disk$user/my/notes/note12345.txt>

As a special case, <host> can be the string "localhost" or the empty
string; this is interpreted as `the machine from which the URL is
being interpreted'.

The file URL scheme is unusual in that it does not specify an
Internet protocol or access method for such files; as such, its
utility in network protocols between hosts is limited.

т.е должно быть: file://localhost/c:/pic2.bmp, накрайняк file:///c:/pic2.bmp, ага?
так что, автор, придётся менять функцию, чтоб соответствовать стандарту xD
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 22:21
    #35661850
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
Мы о чём говорим - о хттп или о филе? Кстати, если филе - три чёрточки нужны. Угадай почему?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2008, 22:46
    #35661881
verzer
verzer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
когда автор заговорил об обратных слешах, я, почему-то, сразу уверился, что он говорит о file.
то, что он хочет ставить '\' в хттп урле мне в голову не приходило..

почему три? потому что гладиолусrfc
почему я поставил одну? хз, навеяло что-то xD каюсь. отныне буду ставить только три и все прямые :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.11.2008, 10:03
    #35662401
NCE
NCE
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужно кнопочку разместить на картинке и что бы она активная была
verzerкак же не подходит?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div style="position:relative; width:100px; height:100px">
	<img src="file:/c:/pic1.bmp" width="100" height="100">
	<div style="position:absolute; top:0; right:0">
		<img src="file:/c:/pic2.bmp" width="20" height="20">
	</div>
</div>

<div style="position:relative; background: url('file:/c:/pic1.bmp'); width:100px; height:100px">
	<div style="position:absolute; background: url('file:/c:/pic2.bmp'); width:20px; height:20px; top:0; right:0">
	</div>
</div>


такие варианты конечно будут работать, они у меня тоже работаю.
Функция возвращает путь такой как в проводнике написан в строке адреса, т.е.
С:\img\picture.jpg
если так путь подставить в
Код: plaintext
<img src="С:\img\picture.jpg" width="100" height="100">
рабатает без проблем, но попроуйте такой путь подставить в
Код: plaintext
1.
<div style="position:absolute; background: url('С:\img\picture.jpg'); width:20px; height:20px; top:0; right:0"></div>

не работает, а почему? Потому что в style должен быть слэш в другую сторону(это разве по стандарту?) т.е. если поставить в style
Код: plaintext
1.
<div style="position:absolute; background: url('С:/img/picture.jpg'); width:20px; height:20px; top:0; right:0"></div>
работает, а почему слэш в обратную сторону? Это разве по стандарту? Вроде бы стандарт как в эксплорере С:\img\picture.jpg

Поэтому два выхода либо использовать img src и не менять функцию либо поменять функцию и использовать style, конечно со style выглядет код красивей но функцию не хочу переделывать, поэтому всё таки выберу img src. Если конечно кто-то не посоветует как выкрутиться из этой ситуации по другому.... :) Вот такие дела, друзья.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужно кнопочку разместить на картинке и что бы она активная была / 25 сообщений из 28, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 455ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455561]:
 0ms
get settings:
 8ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 151ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 62ms
get tp. blocked users:
 1ms
others: 197ms
total:  455ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]