ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужно кнопочку разместить на картинке и что бы она активная была
25 сообщений из 28, страница 1 из 2
  1  все
Нужно кнопочку разместить на картинке и что бы она активная была
    #35658521
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
На картинке лучше всего это видно, вот на тот крестик нажимаешь и картинка удаляется. Удалить - удалю. А вот как её туда поместить не знаю, мало того не знаю как сделать что бы при нажатии на крестик(для начало) был переход на какую нибудь страницу.
Картинка
Можно пример кода?
...
Рейтинг: 0 / 0
17.11.2008, 17:16
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35658606
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
тынц
...
Рейтинг: 0 / 0
17.11.2008, 17:45
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35658877
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
Спасибо за экзампл. Но у меня картинка отдельно идёт кнопка идёт отдельно. Т.е. если я смогу замапить верхний угол картинки то как мне саму картинку кнопки перетащить на этот угол? Что бы в два слоя было
...
Рейтинг: 0 / 0
17.11.2008, 19:36
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35658975
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Ну:
var cls:documentgetElementById("closeimg");
var im:documentgetElementById("yourimg");
cls.offsetLeft=im.offsetWidth-cls.offsetWidth;
cls.offsetTop=0;
...
Рейтинг: 0 / 0
17.11.2008, 20:40
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35659023
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
Проставил айдишники, а куда этот код писать? C учётом того что html генерируется динамически.
...
Рейтинг: 0 / 0
17.11.2008, 21:17
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #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
17.11.2008, 21:34
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #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, 00:57
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #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, 09:40
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35659689
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
illion,

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


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

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

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

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

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

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


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


Блин сам запутался, хочу использовать со style но слэш не подходит, а функцию как-то не особо хочется переделывать, т.е. получается что буду юзать ims src
...
Рейтинг: 0 / 0
18.11.2008, 21:05
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #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:27
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35661794
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
verzer
Код: plaintext
<img src="file:/c:/pic2.bmp" width="20" height="20">

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

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

ShSerge, дык покажите, как надо. дайте ссылку на стандарт.
огромным плюсом будет, если этот стандарт поймут несколько бровзеров, а то.. ради сомнительной выгоды от валидности в соседнем топике уже четвёртый день вооют с шириной полей))
...
Рейтинг: 0 / 0
18.11.2008, 21:43
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #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:07
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35661850
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Мы о чём говорим - о хттп или о филе? Кстати, если филе - три чёрточки нужны. Угадай почему?
...
Рейтинг: 0 / 0
18.11.2008, 22:21
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #35661881
verzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
verzer
Гость
когда автор заговорил об обратных слешах, я, почему-то, сразу уверился, что он говорит о file.
то, что он хочет ставить '\' в хттп урле мне в голову не приходило..

почему три? потому что гладиолусrfc
почему я поставил одну? хз, навеяло что-то xD каюсь. отныне буду ставить только три и все прямые :)
...
Рейтинг: 0 / 0
18.11.2008, 22:46
| Ответить | Цитировать | Написать  
Нужно кнопочку разместить на картинке и что бы она активная была
    #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
19.11.2008, 10:03
| Ответить | Цитировать | Написать  
25 сообщений из 28, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужно кнопочку разместить на картинке и что бы она активная была
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35661788&tid=1455561]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 151ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 64ms
get tp. blocked users:
 1ms
others: 216ms
total:  470ms
созд. / загр.: 470ms
x
x
Закрыть


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