2015-06-20 2 views
-1

Я хочу, чтобы мой атрибут html получал значения из инструкции (функции) javascript. Он отмечает красную часть блока на изображении, на которое нацелены координаты внутри тега области. Мой полный код приведен ниже внизу.javascript переменная не работает внутри тега html

Это отлично работает:

<script type="text/javascript"> 
    document.write('<area href="#" select="red" shape="rect" coords="69,76,84,102">'); 
</script> 

Но по какой-то причине причина, это не похоже на работу. Есть идеи?

<script type="text/javascript"> 
    var crd=[69,76,84,102]; 
    document.write('<area href="#" select="red" shape="rect" coords="'+crd[0]+","+crd[1]+","+crd[2]+","+crd[3]+'">'); 
</script> 

Это мой html-файл.

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Mapping Physical Library</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script src="scripts/jquery.imagemapster.js"></script> 

    </head> 

    <body> 

    <img id="pic" src="unnamed.png" usemap="#mark"> 
    <script> 
    $(document).ready(function() 
    { 
     $('#pic').mapster({ 
      singleSelect : true, 
      mapKey: 'select', 
      fill : true, 
      fillColor : 'FF0000', 
      fillOpacity : 1, 
      areas : [{key : 'red', selected : true}] 
     }); 
    }); 
    </script> 

    <map name="mark"> 
     <script type="text/javascript"> 
      document.write('<area href="#" select="red" shape="rect" coords="69,76,84,102">'); 
     </script>  
    </map> 
    </body> 
    </html> 
+0

добавить консоль журналов. – sinhayash

+0

не работает каким образом? – daxter1992

+0

Можете ли вы уточнить, что «это не работает»? Если вы ожидаете, что он сделает ужин для вас, то неудивительно, что «это не работает». –

ответ

-1
document.write('<area href="#" select="red" shape="rect" coords="'+crd[0]+"','"+crd[1]+"','"+crd[2]+"','"+crd[3]+'">'); 

вы пропустили петь Quot в запятой (,)

или попробовать это

document.write('<area href="#" select="red" shape="rect" coords="'+ crd.join(",")+'">'); 
+0

Второй вариант в порядке, первый неверный. В коде OP нет ничего плохого. –

+0

oh thx @FelixKling это была моя ошибка. просто игнорировать первый Plz – DevMs

Смежные вопросы