карта ! adobe fireworks - JavaScript, Ajax

Morgusha · 09.04.2013, 11:40

подскажите пожалуйста ! есть проект сделанный в adobe fireworks экспортирован в .htm и png картинки локально с одной папки всё открывается и работает ! а как залить на joomla не понятно пока что ! подскажите плиз где тут надо дописать пути может ???
вот файл htm

Код:

<head>
<title>map.png</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS6 Dreamweaver CS6 target.  Created Tue Apr 09 11:21:00 GMT+0400 2013-->
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('map_r2_c2_s8.png','map_r2_c2.png','map_r2_c2_s9.png','map_r2_c2_s7.png','map_r2_c2_s6.png','map_r2_c2_s5.png','map_r2_c2_s4.png','map_r2_c2_s3.png','map_r2_c2_s2.png');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="629">
<!-- fwtable fwsrc="Безымянный-1.fw.png" fwpage="Страница 1" fwbase="map.png" fwstyle="Dreamweaver" fwdocid = "1899879053" fwnested="0" -->
  <tr>
   <td><img src="spacer.gif" width="1" height="1" alt="" /></td>
   <td><img src="spacer.gif" width="628" height="1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" alt="" /></td>
  </tr>

  <tr>
   <td colspan="2"><img name="map_r1_c1" src="map_r1_c1.png" width="629" height="4" id="map_r1_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="4" alt="" /></td>
  </tr>
  <tr>
   <td><img name="map_r2_c1" src="map_r2_c1.png" width="1" height="364" id="map_r2_c1" alt="" /></td>
   <td><img name="map_r2_c2" src="map_r2_c2.png" width="628" height="364" id="map_r2_c2" usemap="#m_map_r2_c2" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="364" alt="" /></td>
  </tr>
</table>
<map name="m_map_r2_c2" id="m_map_r2_c2">
<area shape="poly" coords="53,329,2,21,284,27,284,34,28,58,314,53,329" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s8.png','map_r2_c2','','map_r2_c2_s9.png',1);"  />
<area shape="poly" 7,270,16,281,23,286,3,77,284,75,277,78,274,90,267,76,255,64,248" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s8.png',1);"  />
<area shape="poly" coords="118,13,124,209,118,202" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s7.png',1);"  />
<area shape="poly" coords="133,20,170,228,164,238,164,248,160,2110,270,91,270,85,272,81,259,75,249105,215,118,209,127,209,133,203" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s6.png',1);"  />
<area shape="poly" coords="254,107,240,113,221,117,212,121,208,137,214,140,181,,139,200,128,209,116,226,105,243,105,254,107" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s5.png',1);"  />
<area shape="poly" coords="271,151,260,152,254,149,253,137,235,144,233,157,233,170,225,171,214,184233,279,217,274,199,274,175,271,151" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s4.png',1);"  />
<area shape="poly" coords="344,138,336,145,344,129,351,119,345,109,37,80,302,88,316,104,323,118,3137,2,,238,384,251,375,247,375,236,361,223,356,2344,138" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s3.png',1);"  />
<area shape="poly" coords="5,272,5491,56,53,23,499,29,487,526,275,536,294,533,306,527,316,536,328" href="javascript:;" alt="" onmouseout="MM_swapImage('map_r2_c2','','map_r2_c2.png',1);"  onmouseover="MM_swapImage('map_r2_c2','','map_r2_c2_s2.png',1);"  />
</map>
</body>
</html>

Morgusha · 11.04.2013, 16:01

так вот вопрос как при помощи jqwery сделать так, что бы при нажатии на определённую область повлялся блок с текстом. сча пока вот сделал так что при нажатии на карту исчезает она вся (

Код:

<script>
$(document).ready(function(){
$('#toggle').click(function() {
if ($('#toggle').is(':visible')) {
$("#toggle").hide(1000);}
else {
        $('toggle').show(500); //время появления 500 милисекунд 
    }
});
});
</script>

Morgusha · 11.04.2013, 16:08

а как я понимаю мне надо сделать так:
задать id элекменту и сделать условия, что при нажатии на этот id показывался бы определённый блок див. а вот как это реализовать на jqwery кто намёкнёт ? )

Morgusha · 11.04.2013, 16:37

$(document).ready(function(){
$('#toggle').click(function() {
$("#332").show(1000);
});
});
точнее вот так вот )

Morgusha · 11.04.2013, 16:41

как сделать условие что типа если один див открыт , то при нажатии на кнопку . этот див закроется а откроется другой на его месте ?

Morgusha · 11.04.2013, 17:36

мёртвый форум ! так вот это делается дети )

Код:

$(document).ready(function(){
$('#toggle').click(function() {
    if ($('#332').is(':hidden')) {
        $('#332').show(1000); //время исчезновения 1000 милисекунд 
    } else {
        $('#332').hide(1000); //время появления 1000 милисекунд 
    }
});
});

Morgusha · 11.04.2013, 18:17

блин ну парни где вы все ? )
вопрос в том , что у меня таких элементов 9 штук и для каждого элемента писать код такой как то не прикольно будет!
Есть идея сделать одну функцию на закрытие и открытие всех элементов подскажите каков будет алгоритм вернее поправьте:
значит получаем каждому элементу присваиваем id. при наведении мышки и нажатии по элементу этот id передаётся в функцию и она смотрит, если элемент скрыт , то показывает его и по второму клику наоборот скрывает.
может кто даст какие наброски реализации ф-ции получения id***?

11.04.2013, 16:01	#2
Morgusha Форумчанин Регистрация: 30.09.2009 Сообщений: 166	так вот вопрос как при помощи jqwery сделать так, что бы при нажатии на определённую область повлялся блок с текстом. сча пока вот сделал так что при нажатии на карту исчезает она вся ( Код: `<script> $(document).ready(function(){ $('#toggle').click(function() { if ($('#toggle').is(':visible')) { $("#toggle").hide(1000);} else { $('toggle').show(500); //время появления 500 милисекунд } }); }); </script>`

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
если рисую в Photoshop прямоугольник например с закругленными краями видно что края рванные	kuba1981	Моделирование, изометрия, photoshop, 3d редакторы	6	02.01.2016 21:17
Adobe air	Антон01	Софт	1	22.10.2011 00:04
adobe DW cs5	Pein95	PHP	3	28.06.2011 12:50
Adobe Flash	3d_virus	Помощь студентам	2	18.12.2010 22:55
Проблемы с Adobe cs3	holovla	Софт	1	31.01.2009 18:41

11.04.2013, 16:08	#3
Morgusha Форумчанин Регистрация: 30.09.2009 Сообщений: 166	а как я понимаю мне надо сделать так: задать id элекменту и сделать условия, что при нажатии на этот id показывался бы определённый блок див. а вот как это реализовать на jqwery кто намёкнёт ? )

11.04.2013, 16:37	#4
Morgusha Форумчанин Регистрация: 30.09.2009 Сообщений: 166	$(document).ready(function(){ $('#toggle').click(function() { $("#332").show(1000); }); }); точнее вот так вот )

11.04.2013, 16:41	#5
Morgusha Форумчанин Регистрация: 30.09.2009 Сообщений: 166	как сделать условие что типа если один див открыт , то при нажатии на кнопку . этот див закроется а откроется другой на его месте ?

11.04.2013, 18:17	#7
Morgusha Форумчанин Регистрация: 30.09.2009 Сообщений: 166	блин ну парни где вы все ? ) вопрос в том , что у меня таких элементов 9 штук и для каждого элемента писать код такой как то не прикольно будет! Есть идея сделать одну функцию на закрытие и открытие всех элементов подскажите каков будет алгоритм вернее поправьте: значит получаем каждому элементу присваиваем id. при наведении мышки и нажатии по элементу этот id передаётся в функцию и она смотрит, если элемент скрыт , то показывает его и по второму клику наоборот скрывает. может кто даст какие наброски реализации ф-ции получения id***?