2014-01-15 2 views
-3

Название говорит все это: Как я сделать DIV/IFrame кликабельны только один разКак я сделать DIV/IFrame в ссылку только один раз

Im застрял с этим в течение длительного времени, поэтому я решил попросить Небольшая помощь.

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

спасибо.

+0

Если вы (ОП) хотите помочь, а затем напишите * ваш * код. –

+0

onclick() не работает с iframe. http://www.w3schools.com/jsref/event_onclick.asp – ptpaterson

+1

Как и другие, нам нужен какой-то код. Тем не менее, если вы используете jQuery, вы можете сделать '.one()' Также, я не верю, что iframes регистрируется для событий click – mituw16

ответ

1

Это не очень ясный вопрос, хотя и не имеет тегов, но я стараюсь ..

Предполагая, что вы используете JavaScript. Вы можете добавить счетчик variabel и проверить его каждый раз, когда вы запускаете событие.

window.load = function() { 
    var count = 0; 
    document.getElementById('div_or_iframe').onclick = function() { 
     if(count == 0) { // check if counter is 0 
     return true; // continue 
     count++; // update counter by +1 
     } 
     else { // if counter is 0 > clicking anything doesn't work 
     return false; // prevent action 
     } 
    } 
} 
+0

Извините за то, что вы не поняли, но Im new при создании сценариев. Итак, вы говорите, что я должен использовать этот код внутри div или вне его, и что вы подразумеваете под «add counter variabel»? Спасибо. – user3199188

+0

Я отредактировал свой комментарий – user3199188

+0

Вот почему всегда лучше публиковать то, над чем вы работаете. @ User3199188 –

0

Я думаю, что ответ @ aksu намного проще, но я получил его для работы с классами и jquery. Это позволит вам нажимать несколько элементов на вашей странице только один раз.

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script type="text/javascript"> 
     function someFunction(obj) { 
      if ($(obj).hasClass("clickable")) { 
       // perform the code you want 
       alert("Function will be performed"); 
       // make not clickable 
       $(obj).removeClass("clickable"); 
      } else { 
       alert("Already Clicked"); 
      } 

     } 
    </script> 
</head> 
<body> 

<div class="clickable" onclick="someFunction(this)">CLICK HERE</span> 

</body> 
</html> 
+0

Не знал о .one() до тех пор, пока я не разместил. Спасибо mituw16 очень полезно! http://api.jquery.com/one/ – ptpaterson

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