Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: map area и post Как сложно?
Форумы портала PHP.SU » » Работа с сетью » map area и post Как сложно?

Страниц (1): [1]
 

1. AngelofDem - 08 Мая, 2011 - 20:02:25 - перейти к сообщению
Уважаемые форумчане. Прошу помощи..

Имеется изображение поделенное картой (тегами area) на более чем 90 частей...

Как сделать так, что бы при нажатии на одну из этих областей передавалась какая либо переменная на другую страницу... желательно методом post.


Я только начал изучать php, но задачи перед о мной стоят очень для меня сложные.

Нужно имея рисунок (схему станка). Разделить его на части. И при шелчке на какую либо из этих частей вывести название и код этой части в какое либо поле под рисунок... И далее при щелчке ещё на одну часть рисунка добавить в то же поле ещё одну запись...
А потом эту форму взять целеком и отправить себе на почту добавив к ней контактные данные пользователя который собственно и будет щелкать по этой картинке в разные области...

Времени в обрез, обычно предпочитаю юзать поиск.. Но в этом случае изъяснить свою мысль гуглю не могу...

Имеется собственно рисунок который я уже поделил на части и таблица в базе данных с наименованием каждого элемента...

Заранее спасибо...
2. Мелкий - 08 Мая, 2011 - 21:02:10 - перейти к сообщению
AngelofDem пишет:
Как сделать так, что бы при нажатии на одну из этих областей передавалась какая либо переменная на другую страницу... желательно методом post.

GET'ом было бы удобнее, параметр href тега area.
Но можно и POST'ом - ставите onclick на area, JS вставляет значение в текстовое поле и отправляет форму.

AngelofDem пишет:
Я только начал изучать php, но задачи перед о мной стоят очень для меня сложные.

Даже я озадачусь, как на PHP сделать то, что должно делаться на стороне пользователя. А главное - зачем?
Вся ваша задача, кроме отсылки письма на почту и собственно вывода данных из БД - логичнее, проще и правильнее делать на JS.
3. AngelofDem - 08 Мая, 2011 - 22:13:49 - перейти к сообщению
Спасибо за оперативность... Те сроки в которые я должен уложится, слишком малы для изучения html+css+php а ещё и js так и голова взорватся может... Поз вчера сверстал свою первую страничку на html...
(Добавление)
Имеется карта изображения.
CODE (html):
скопировать код в буфер обмена
  1. <img src="scheme/1630.h.017S(m01.00).gif" border="50" usemap="#Map" />
  2. <map name="Map" id="Map">
  3. <!--1--><area shape="circle" style="color:#0000FF" coords="311,382,10" href="#" />
  4. <!--2--><area shape="circle" coords="112,486,10" href="#" />
  5. <!--3--><area shape="circle" coords="278,361,10" href="#" />
  6. <!--4--><area shape="circle" coords="278,375,10" href="#" />
  7. <!--5--><area shape="circle" coords="276,415,10" href="#" />
  8. <!--6--><area shape="circle" coords="277,430,10" href="#" />
  9. <!--7--><area shape="circle" coords="276,448,10" href="#" />
  10. <!--8--><area shape="circle" coords="277,464,10" href="#" />
  11. <!--9--><area shape="circle" coords="277,482,10" href="#" />
  12. <!--10--><area shape="circle" coords="278,498,10" href="#" />
  13. <!--11--><area shape="circle" coords="207,411,10" href="#" />
  14. <!--12--><area shape="circle" coords="217,426,10" href="#" />
  15. <!--12--><area shape="circle" coords="855,95,10" href="#" />
  16. <!--13--><area shape="circle" coords="170,327,10" href="#" />
  17. <!--14--><area shape="circle" coords="131,208,10" href="#" />
  18. <!--15--><area shape="circle" coords="131,192,10" href="#" />
  19. <!--16--><area shape="circle" coords="274,171,10" href="#" />
  20. <!--17--><area shape="circle" coords="524,235,10" href="#" />
  21. <!--18--><area shape="circle" coords="121,29,10" href="#" />
  22. <!--18--><area shape="circle" coords="92,72,10" href="#" />
  23. <!--18--><area shape="circle" coords="226,65,10" href="#" />
  24. <!--19--><area shape="circle" coords="92,87,10" href="#" />
  25. <!--19--><area shape="circle" coords="120,47,10" href="#" />
  26. <!--19--><area shape="circle" coords="244,77,10" href="#" />
  27. <!--20--><area shape="circle" coords="113,95,10" href="#" />
  28. <!--20--><area shape="circle" coords="264,87,10" href="#" />
  29. <!--21--><area shape="circle" coords="347,57,10" href="#" />
  30. <!--21--><area shape="circle" coords="688,150,10" href="#" />
  31. <!--22--><area shape="circle" coords="502,183,10" href="#" />
  32. <!--22--><area shape="circle" coords="727,271,10" href="#" />
  33. <!--22--><area shape="circle" coords="348,73,10" href="#" />
  34. <!--23--><area shape="circle" coords="367,73,10" href="#" />
  35. <!--24--><area shape="circle" coords="348,87,10" href="#" />
  36. <!--25--><area shape="circle" coords="348,102,10" href="#" />
  37. <!--26--><area shape="circle" coords="348,117,10" href="#" />
  38. <!--27--><area shape="circle" coords="348,133,10" href="#" />
  39. <!--28--><area shape="circle" coords="348,147,10" href="#" />
  40. <!--30--><area shape="circle" coords="410,160,10" href="#" />
  41. <!--31--><area shape="circle" coords="501,166,10" href="#" />
  42. <!--31--><area shape="circle" coords="604,115,10" href="#" />
  43. <!--31--><area shape="circle" coords="687,101,10" href="#" />
  44. <!--31--><area shape="circle" coords="727,256,10" href="#" />
  45. <!--32--><area shape="circle" coords="502,195,10" href="#" />
  46. <!--32--><area shape="circle" coords="606,130,10," href="#" />
  47. <!--32--><area shape="circle" coords="674,138,10" href="#" />
  48. <!--32--><area shape="circle" coords="726,286,10" href="#" />
  49. <!--32--><area shape="circle" coords="811,414,10" href="#" />
  50. <!--32--><area shape="circle" coords="803,209,10" href="#" />
  51. <!--33--><area shape="circle" coords="517,212,10" href="#" />
  52. <!--34--><area shape="circle" coords="533,167,10" href="#" />
  53. <!--35--><area shape="circle" coords="230,142,10" href="#" />
  54. <!--37--><area shape="circle" coords="181,61,10" href="#" />
  55. <!--40--><area shape="circle" coords="733,97,10" href="#" />
  56. <!--42--><area shape="circle" coords="755,100,10" href="#" />
  57. <!--43--><area shape="circle" coords="855,81,10" href="#" />
  58. <!--43--><area shape="circle" coords="881,155,10" href="#" />
  59. <!--44--><area shape="circle" coords="856,109,10" href="#" />
  60. <!--44--><area shape="circle" coords="881,138,10" href="#" />
  61. <!--45--><area shape="circle" coords="881,172,10" href="#" />
  62. <!--46--><area shape="circle" coords="867,203,10" href="#" />
  63. <!--46--><area shape="circle" coords="812,428,10" href="#" />
  64. <!--47--><area shape="circle" coords="867,219,10" href="#" />
  65. <!--51--><area shape="circle" coords="810,380,10" href="#" />
  66. <!--52--><area shape="circle" coords="804,197,10" href="#" />
  67. <!--52--><area shape="circle" coords="811,399,10" href="#" />
  68. <!--53--><area shape="circle" coords="537,441,10" href="#" />
  69. <!--54--><area shape="circle" coords="874,498,10" href="#" />
  70. <!--55--><area shape="circle" coords="391,403,10" href="#" />
  71. <!--55--><area shape="circle" coords="446,416,10" href="#" />
  72. <!--56--><area shape="circle" coords="406,393,10" href="#" />
  73. <!--56--><area shape="circle" coords="460,405,10" href="#" />
  74. <!--57--><area shape="circle" coords="558,318,10" href="#" />
  75. <!--57--><area shape="circle" coords="536,363,10" href="#" />
  76. <!--58--><area shape="circle" coords="553,355,10" href="#" />
  77. <!--58--><area shape="circle" coords="574,307,10" href="#" />
  78. <!--59--><area shape="circle" coords="574,282,10" href="#" />
  79. <!--59--><area shape="circle" coords="539,344,10" href="#" />
  80. <!--60--><area shape="circle" coords="667,343,10" href="#" />
  81. <!--61--><area shape="circle" coords="666,359,10" href="#" />
  82. <!--61--><area shape="circle" coords="293,170,10" href="#" />
  83. <!--61--><area shape="circle" coords="543,246,10" href="#" />
  84. <!--62--><area shape="circle" coords="561,255,10" href="#" />
  85. <!--62--><area shape="circle" coords="667,376,10" href="#" />
  86. <!--63--><area shape="circle" coords="330,511,10" href="#" />
  87. <!--64--><area shape="circle" coords="354,510,10" href="#" />
  88. <!--65--><area shape="circle" coords="377,509,10" href="#" />
  89. <!--66--><area shape="circle" coords="402,510,10" href="#" />
  90. <!--67--><area shape="circle" coords="550,66,10" href="#" />
  91. <!--68--><area shape="circle" coords="572,66,10" href="#" />
  92. <!--69--><area shape="circle" coords="599,66,10" href="#" />
  93. <!--69--><area shape="circle" coords="477,485,10" href="#" />
  94. <!--70--><area shape="circle" coords="512,503,10" href="#" />
  95. <!--71--><area shape="circle" coords="449,147,10" href="#" />
  96. <!--72--><area shape="circle" coords="475,139,10" href="#" />
  97. <!--73--><area shape="circle" coords="553,104,10" href="#" />
  98. <!--74--><area shape="circle" coords="552,86,10" href="#" />
  99. <!--75--><area shape="circle" coords="638,65,10" href="#" />
  100. <!--76--><area shape="circle" coords="182,26,10" href="#" />
  101. <!--82--><area shape="circle" coords="621,265,10" href="#" />
  102. <!--83--><area shape="circle" coords="152,518,10" href="#" />
  103. <!--84--><area shape="circle" coords="112,486,10" href="#" />
  104. </map> 


Так же есть база данных в которую внесены ID соответсвующий пояснению,описание элемента и его спецификация...

Задача
1 при щелчке на область , описание и пояснение вносятся в какую нибудь область под картинкой (в какую лучше?) ...
2 При щелчке по другой области, первая внесенная запись остается и вторая добавляется к ней в ту же область... (нужна корзина как в инет магазинах)
3 пользователю предлагается ввести свои контактные данные (это я и сам смогу)
4 всё это при щелчке отправляется на почту (думаю сам справлюсь)

Ни капли незнаю js и всё же спасибо за совет...
замысел такой при щелчке на область заносить данные в бд и каждый раз её удалять после запроса. Зато смогу вывести её куда мне нужно и даже на ту страницу на которой будет изображение...

Посоветуйте что нибудь плиз... И парочку примеров приложите... 1-ин день остался если скажете куда копать я за завтра и js попытаюсь освоить, пару комманд...

Хотябы ткните носом куда мне в этой строке вставить POST или GET, а лучше просто выполнить нажатием код php/
CODE (html):
скопировать код в буфер обмена
  1. <!--73--><area shape="circle" coords="553,104,10" href="#" />
4. AngelofDem - 09 Мая, 2011 - 09:45:32 - перейти к сообщению
Помогите пожалуйста... Очень нужно...

 

Powered by ExBB FM 1.0 RC1