Задать вопрос
Ответы пользователя по тегу HTML
  • AJAX при нажатии на тег area (интерактивные карты html)?

    password22
    @password22 Автор вопроса
    Справился сам. Если кому пригодится:
    html
    <div class="map">
    		<img src="img.png" class="map maphilighted" usemap="#simple">
    	</div>
    
    	<map name="simple">
    		<area id="first" class="all" shape="poly" coords="78,14,75,29,71,3,20,96,28">
    		<area id="second" class="all" shape="poly" coords="73,38,50,4,79,118,62,105,48,95,41">
    	</map>
    
    	<div class="data">
            </div>


    js
    $(document).ready(function(){
        $('.all').click(function() {
        	var name = ($(this).attr('id')); 
            $.ajax({
    			url: 'a.php',
    			method: 'post',
    			dataType: 'html',
    			data: {name:name},
    				success: function(data){
    					$('.data').html(data);
    				}
    		});
    		return false;
        });
    });


    a.php
    if($_POST['name'] == 'first') {
    	echo 'Это первый';
    } elseif($_POST['name'] == 'second') {
    	echo 'Это второй';
    }
    Ответ написан
    Комментировать