Помощ за HTML код

lozan1 · Февруари 9, 2011

Използвам кода:

Въпросът ми е, как да накарам „снимката, която да се отвори” да се отвори на същия лист, в дясно от area shape="rect" coords="99,3,204,54" , а не на нова страница ?

dudev851 · Февруари 9, 2011

с Javascript. Трябва да използваш например CSS за по-лесно. А може да използваш и document.getElementById("Име");

Значи <area shape="rect" coords="99,3,204,54" href="снимка, която да се отвори" id="Име" onclick="Func">

в хедъра на страницата пишеш.

<SCRIPT type="text/javascript">

function Func()

{

var imgg = document.getElementById("Име");

imgg.coords= ... ;

}

</SCRIPT>

Така можеш да промениш полетата(параметрите) на тази картинка. В случая ще променим координатите. Например ако напишеш imgg.width = imgg.width*2;, ще увеличиш ширината 2 пъти.

И така става. Трябва да помислиш за подхода и да го направиш по някакъв такъв начин. Само чрез javascript (DHTML), можеш да променяш неща по страницата.

Така се правят падащи менюта, чатове и др.

Сега видях и другата ти тема. Значи ти искаш отляво да е картата на България. И като кликнеш на квадратчето, отдясно да се появи това в квадратчето.

Ако е така, можеш да направиш следното:

- Направи си разделянето на картата. И сложи за всяко квадратче за онклик различни функции или пък 1 функция с 1 вх. параметър.

Трябва да направиш за всяко 1 квадратче отделна картинка. Отдясно сложи една картинка. После по начина, по-горе, сменяй src на картинката отдясно ( imgg.src= ... ).

Така при всяко кликване вдясно ще се появява необходимата картинка.

Надявам се да съм ти помогнал.

Dr. Epstein · Февруари 9, 2011

Този пример е показателен.

lozan1 · Февруари 9, 2011

Този пример е показателен.

Този пример е като при мен!

Като кликна в указаното място се затваря главната карта и се отваря подробната, отговаряща на тези координати.

Аз искам , след като като кликна в указаното квадратче, тази карта да остане, а в дясно от нея, в един прозорец например 400х400 пиксела, да се отвори подробната карта, където да я разглеждам.

Ето схема на това, което се опитвам да направя, но не успявам , за сега

СХЕМА.doc

Dr. Epstein · Февруари 9, 2011

Например така:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test Page</title>
<style type="text/css">
body
{
   background-color: #FFF;
   color: #000;
}
</style>
<script type="text/javascript">
<!--
function popupwnd(url, toolbar, menubar, locationbar, resize, scrollbars, statusbar, left, top, width, height)
{
  var popupwindow = this.open(url, '', 'toolbar=' + toolbar + ',menubar=' + menubar + ',location=' + locationbar + ',scrollbars=' + scrollbars + ',resizable=' + resize + ',status=' + statusbar + ',left=' + left + ',top=' + top + ',width=' + width + ',height=' + height);
}
//-->
</script>
</head>
<body>
<div style="margin:0; padding:0;position:absolute;left:324px;top:260px;width:475px;height:317px;">
<img src="pic.jpeg" alt="" usemap="#ImageMapImageMap0" border="0" style="width:475px;height:317px;">
<map name="ImageMapImageMap0">

<area shape="circle" coords="415,256,22" href="javascript:popupwnd('http://google.com/','no','no','no','no','no','no','100','100','400','400')" target="_self" alt="" title="">
</map>
</div>
</body>
</html>

Изтегли прикачената снимка. Копирай кода и снимката в обща директория и клинки в бутон L.

успех

lozan1 · Февруари 9, 2011

Искам да изглежда така:

Проект.rar

но не мога да вкарам картата във фрейма, след като кликна в горното, най-ляво квадратче (от картата на България).

Когато кликна там, картния лист искам да се отвори във фрейма(в момента съм го поставил там допълнително, за де се види, къде искам да бъде. В последствие ще искам всеки един картен лист да се отваря там, като се кликва в поредното квадратче на голямата карта.)

dudev851 · Февруари 10, 2011

Виж, това е като пример. Разгледай го. Може да ти помогне.


<html>
<head>

<script language="javascript" type="text/javascript">
function swapimage(a)
{
var imgg = document.getElementById('imggg');

if (a == '1')
imgg.src = 'img1.jpg';
if (a == '2')
imgg.src = 'img2.jpg';
if (a == '3')
imgg.src = 'img3.jpg';
if (a == '4')
imgg.src = 'img4.jpg';
}
</script>

</head>


<body>

<table>
<tr>
<td>
<img src="img1.jpg" onclick="swapimage('1');"></img>
</td>
<td>
<img src="imgg.jpg" id="imggg"></img>
</td>
</tr>

<tr>
<td>
<img src="img2.jpg" onclick="swapimage('2');"></img>
</td>

<td>

</td>

</tr>


<tr>
<td>
<img src="img3.jpg" onclick="swapimage('3');"></img>
</td>

<td>

</td>

</tr>

<tr>
<td>
<img src="img4.jpg" onclick="swapimage('4');"></img>
</td>

<td>

</td>

</tr>

</table>

</body>
</html>

SexyGazar4e · Март 30, 2011

Мисля, че така трябва да си седи в същата страница, за координатите Profruit чатка повече от мен по CSS и би трябвало да знае как да се подреди на точнотно място.

С обозначено или създадено с елемент предварително поле, можеш да използваш target="име на полето" за да се появява там.

ozic · Май 4, 2011

И аз имам въпрос: разделих страницата с рамки ТАКА и искам вътре да вкарам текст, снимки и да сменя цвета във всяка рамка. Как да го направя?

IVAN · Май 5, 2011

И аз имам въпрос: разделих страницата с рамки ТАКА и искам вътре да вкарам текст, снимки и да сменя цвета във всяка рамка. Как да го направя?

Това е принципния код на frame таг-а

<frame src="frame_a.htm" />

Целта на frame е да вкараш друг html в тази страници, без да пишеш самия код.

Ако ти трябват рамките има си таг - table, div и различни стилове за него, конкретно border и ще постигнеш същата 'рамка'.

Dr. Epstein · Май 6, 2011

И аз имам въпрос: разделих страницата с рамки ТАКА и искам вътре да вкарам текст, снимки и да сменя цвета във всяка рамка. Как да го направя?

Не ползвай Frame и разновидностите му. Това е отживелица.

Влез

Помощ за HTML код

Препоръчан пост

lozan1

Link to comment

Сподели другаде

dudev851

Link to comment

Сподели другаде

Dr. Epstein

Link to comment

Сподели другаде

lozan1

Link to comment

Сподели другаде

Dr. Epstein

Link to comment

Сподели другаде

lozan1

Link to comment

Сподели другаде

dudev851

Link to comment

Сподели другаде

SexyGazar4e

Link to comment

Сподели другаде

ozic

Link to comment

Сподели другаде

IVAN

Link to comment

Сподели другаде

Dr. Epstein

Link to comment

Сподели другаде

Join the conversation

Разгледай

Какво ново?