Мне нужно вызвать функцию javascript из html, и она, похоже, не работает. Я нажимаю на изображения, но ничего не происходит. Кажется, что переменная brushVar не меняется. blue.png - это маленькая синяя кнопка, а blueN.png - это маленькая синяя кнопка другого оттенка синего и т. д. Любая помощь приветствуется.

<body>

<script>
var brushVar;


function blue() {
    brushVar = ("#000000");
    alert(brushVar);
}

function blueN() {
    brushVar = ("#000000");
    alert(brushVar);
}

function cyan() {
    brushVar = ("#000000");
    alert(brushVar);
}

function cyanN() {
    brushVar = ("#000000");
    alert(brushVar);
}

function green() {
    brushVar = ("#000000");
    alert(brushVar);
}

function greenN() {
    brushVar = ("#000000");
    alert(brushVar);
}

function purple() {
    brushVar = ("#000000");
    alert(brushVar);
}

function purpleN() {
    brushVar = ("#000000");
    alert(brushVar);
}

function red() {
    brushVar = ("000000");
    alert(brushVar);
}

function redN() {
    brushVar = ("000000");
    alert(brushVar);
}

function yellow() {
    brushVar = ("#000000");
    alert(brushVar);
}

function yellowN() {
    brushVar = ("#000000");
    alert(brushVar);
}
</script>





<div id="buttons" style="position:absolute; width:100%; height:100%>
 <a href="#" onclick="blue()';" >
    <img src="/blue.png"/>
</a>
<a href="#" onclick="blueN()';" >
    <img src="blueN.png"/>
</a>
<a href="#" onclick="cyan()';" >
    <img src="cyan.png"/>
</a>
<a href="#" onclick="cyanN()';" >
    <img src="cyanN.png"/>
</a>
<a href="#" onclick="green()';" >
    <img src="green.png"/>
</a><a href="#" onclick="greenN()';" >
    <img src="greenN.png"/>
</a>
<a href="#" onclick="purple()';" >
    <img src="purple.png"/>
</a>
<a href="#" onclick="purpleN()';" >
    <img src="purpleN.png"/>
</a>
<a href="#" onclick="red()';" >
    <img src="red.png"/>
</a>
<a href="#" onclick="redN()';" >
    <img src="redN.png"/>
</a>
<a href="#" onclick="yellow()';" >
    <img src="yellow.png"/>
</a>
<a href="#" onclick="yellowN()';" >
    <img src="yellowN.png"/>
</a>
</div>
</body>
1
JosephG 5 Фев 2013 в 09:58
1
Возможно, вы захотите познакомиться с некоторыми основами работы HTML, Javascript и т. д.
 – 
KBN
5 Фев 2013 в 10:02
Так встроен ваш javascript?
 – 
whastupduck
5 Фев 2013 в 10:02

1 ответ

Лучший ответ

Ваш javascript должен быть заключен в тег скрипта, а ваши строки должны быть в кавычках:

<div id="over" style="position:absolute; width:100%; height:100%>
 <img src="blue.png" href='' onclick='blue();'>
 <img src="blue.png"  href='' onclick='blue();' >
 <img src="blueN.png"  href='' onclick='blueN();' >
 <img src="cyan.png" href='' onclick='cyan();' >
 <img src="cyanN.png" href='' onclick='cyanN();'>
 <img src="green.png" href='' onclick='green();' >
 <img src="greenN.png" href='' onclick='greenN();'>
 <img src="purple.png" href='' onclick='purple();'>
 <img src="purpleN.png" href='' onclick='purpleN();'>
 <img src="red.png" href='' onclick='red();'>
 <img src="redN.png" href='' onclick='redN();'>
 <img src="yellow.png" href='' onclick='yellow();'>
 <img src="yellowN.png" href='' onclick='yellowN();'>
</div>

<script type="text/javascript">
    var color;

    function blue() {
        color = "blue";
    }

    function redN() {
        color = "red-N";
    }
</script>
1
c0deNinja 5 Фев 2013 в 10:08
Приношу свои извинения, это часть длинного раздела, и я напечатал его вручную. есть скриптовые теги и кавычки. Однако html находится ниже javascript, должен ли он быть выше?
 – 
JosephG
5 Фев 2013 в 10:05
Когда я запускаю свой код и проверяю с помощью firebug значение цвета, которое он работает
 – 
Kim D.
5 Фев 2013 в 10:10