2015-10-19 239 views
0

好吧,所以我一直得到这个错误,但不知道为什么...是的,我已经检查了其他类似的帖子,但没有任何帮助。以下是错误:未捕获ReferenceError:sendcard未定义

Uncaught ReferenceError: sendcard is not defined 
onclick @ kikcards.html:102  

是:

<tr><td colspan=2 align=center><img src="/Images/generate.png" width=150 onclick="sendcard()"></td></tr> 

所有的代码,我有:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Kik Cards | Crazii</title> 

    <link rel="stylesheet" type="text/css" href="/-default.css"/> 
    <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'> 
    <meta charset = "utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <link id="kikicon" rel="kik-icon" href="kik.png"/> 
    <script src="/navOpen.js"></script> 
    <script src="https://cdn.kik.com/kik/2.0.5/kik.js"></script> 
</head> 

<body class="body"> 

    <nav id="mainNav"> 
     <div id="logo"> 
     <a href="/index.html"><span>C</span>razii<span> </span> </a> 
     </div> 
     <div id="mobileToggle"> 
     <div class="bar"></div> 
     <div class="bar"></div> 
     <div class="bar"></div> 
     </div> 
     <ul id="mainMenu"> 
     <li> 
      <a href="/index.html">Home</a> 
     </li> 
     <li> 
      <a href="/about.html">About</a> 
     </li> 
     <li> 
      <a href="#">PS3 Modding</a> 
     </li> 
     <li> 
      <a href="/ebooks/ebooks.html">PDFs</a> 
     </li> 
     <li> 
      <a href="/kikcards.html">Kik Cards</a> 
     </li> 
     </ul> 
    </nav> 

    <div class="mainContent"> 
     <div class="content"> 
      <article class="Content1"> 
       <header> 
        <h2><a href="#" title="1st Post"> Kik Cards</a></h2> 
       </header> 
       <footer> 
        <p class="post-info"> <br> </p> 

       </footer> 
       <content> 
        <p> 
         <table> 
          <tr><td style="text-align:right">Title:</td><td><input id="title"></td></tr> 
          <tr><td style="text-align:right">Text (optional):</td><td><input id="text"></td></tr> 
          <tr><td style="text-align:right">Main Title:</td><td><input id="maintitle"></td></tr> 
          <tr><td style="text-align:right">Little Icon (URL, optional):</td><td><input id="icon"></td></tr> 
          <tr><td style="text-align:right">Big Picture (URL, optional):</td><td><input id="pic">(If nothing is entered here, the default icon will be used)</td></tr> 
          <tr><td style="text-align:right">Redirect URL (optional):</td><td><input id="redirect"></td></tr> 
          <tr><td style="text-align:right">Big picture? (hides the title)</td><td><input type="checkbox" id="big"></td></tr> <!-- document.getElementById(big).checked -> bool --> 
          <tr><td style="text-align:right">Forward-able?</td><td><input type="checkbox" id="forward" checked=true></td></tr> 
          <tr><td colspan=2 align=center><img src="/Images/generate.png" width=150 onclick="sendcard()"></td></tr> 
         </table> 
        </p> 
       </content> 
      </article> 
     </div> 
    </div> 
    <footer class="mainFooter"> 
     <p> Copyright &copy; 2015 <a href="#" title="Crazii"><b>Crazii</b></p> 
    </footer> 

    <script> 
    window.onload = function() 
     { 
      if (kik.message && kik.message['url']!="") { 
        window.location.replace(kik.message['url']); 
       } 
       var title = ""; 
       var maintitle = ""; 
       var body = ""; 
       var display = ""; 
       var bigpicture = ""; 
       var forwardable = ""; 
       var redirect = ""; 
       function precede(str, check_for) { 
        return str.slice(0, check_for.length) == check_for; 
       } 
       function sendcard() { 
        title = document.getElementById("title").value; 

        maintitle = document.getElementById("maintitle").value; 
        if (maintitle=="") { 
         maintitle = "Kik Cards | Crazii"; 
        } 

        body = document.getElementById("text").value; 

        document.getElementById("kikicon").href = document.getElementById("icon").value; 

        display = document.getElementById("pic").value; 
        if (display == "") { 
         display = "http://crazii.herobo.com/Images/kik.png"; 
        } 
        bigpicture = document.getElementById("big").checked; 
        if (document.getElementById("forward").checked == true) { 
         forwardable = false; 
        } else { 
         forwardable = true; 
        } 

        redirect = document.getElementById("redirect").value; 
        if (precede(redirect, "http://")) { 
         redirect = redirect; 
        } else if (precede(redirect, "https://")) { 
         redirect = redirect; 
        } else if (redirect == "") { 
         redirect = "http://crazii.herobo.com"; 
        } else { 
         redirect = "http://"+redirect; 
        } 
        document.getElementById("webtitle").innerHTML = maintitle; 

        kik.send({ 
        title: title, 
        text: body, 
        pic: display, 
        big: bigpicture, 
        noForward: forwardable, 
        data: {'url': redirect} 
       }); 
      } 
     } 
    </script> 
</body> 
</html>  

在事先我明白任何帮助,我可以得到的,谢谢!

+0

定义你的函数sendcard()的window.load即外(你可以将其定义后

0

试试这个: -

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Kik Cards | Crazii</title> 

    <link rel="stylesheet" type="text/css" href="/-default.css"/> 
    <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'> 
    <meta charset = "utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <link id="kikicon" rel="kik-icon" href="kik.png"/> 
    <script src="/navOpen.js"></script> 
    <script src="https://cdn.kik.com/kik/2.0.5/kik.js"></script> 
</head> 

<body class="body"> 

    <nav id="mainNav"> 
     <div id="logo"> 
     <a href="/index.html"><span>C</span>razii<span> </span> </a> 
     </div> 
     <div id="mobileToggle"> 
     <div class="bar"></div> 
     <div class="bar"></div> 
     <div class="bar"></div> 
     </div> 
     <ul id="mainMenu"> 
     <li> 
      <a href="/index.html">Home</a> 
     </li> 
     <li> 
      <a href="/about.html">About</a> 
     </li> 
     <li> 
      <a href="#">PS3 Modding</a> 
     </li> 
     <li> 
      <a href="/ebooks/ebooks.html">PDFs</a> 
     </li> 
     <li> 
      <a href="/kikcards.html">Kik Cards</a> 
     </li> 
     </ul> 
    </nav> 

    <div class="mainContent"> 
     <div class="content"> 
      <article class="Content1"> 
       <header> 
        <h2><a href="#" title="1st Post"> Kik Cards</a></h2> 
       </header> 
       <footer> 
        <p class="post-info"> <br> </p> 

       </footer> 
       <content> 
        <p> 
         <table> 
          <tr><td style="text-align:right">Title:</td><td><input id="title"></td></tr> 
          <tr><td style="text-align:right">Text (optional):</td><td><input id="text"></td></tr> 
          <tr><td style="text-align:right">Main Title:</td><td><input id="maintitle"></td></tr> 
          <tr><td style="text-align:right">Little Icon (URL, optional):</td><td><input id="icon"></td></tr> 
          <tr><td style="text-align:right">Big Picture (URL, optional):</td><td><input id="pic">(If nothing is entered here, the default icon will be used)</td></tr> 
          <tr><td style="text-align:right">Redirect URL (optional):</td><td><input id="redirect"></td></tr> 
          <tr><td style="text-align:right">Big picture? (hides the title)</td><td><input type="checkbox" id="big"></td></tr> <!-- document.getElementById(big).checked -> bool --> 
          <tr><td style="text-align:right">Forward-able?</td><td><input type="checkbox" id="forward" checked=true></td></tr> 
          <tr><td colspan=2 align=center><img src="imgh.jpg" width=150 onclick="sendcard()" /></td></tr> 
         </table> 
        </p> 
       </content> 
      </article> 
     </div> 
    </div> 
    <footer class="mainFooter"> 
     <p> Copyright &copy; 2015 <a href="#" title="Crazii"><b>Crazii</b></p> 
    </footer> 

    <script> 

      if (kik.message && kik.message['url']!="") { 
        window.location.replace(kik.message['url']); 
       } 
       var title = ""; 
       var maintitle = ""; 
       var body = ""; 
       var display = ""; 
       var bigpicture = ""; 
       var forwardable = ""; 
       var redirect = ""; 
       function precede(str, check_for) { 
        return str.slice(0, check_for.length) == check_for; 
       } 
       function sendcard() { 
       alert("sdf"); 
        title = document.getElementById("title").value; 

        maintitle = document.getElementById("maintitle").value; 
        if (maintitle=="") { 
         maintitle = "Kik Cards | Crazii"; 
        } 

        body = document.getElementById("text").value; 

        document.getElementById("kikicon").href = document.getElementById("icon").value; 

        display = document.getElementById("pic").value; 
        if (display == "") { 
         display = "http://crazii.herobo.com/Images/kik.png"; 
        } 
        bigpicture = document.getElementById("big").checked; 
        if (document.getElementById("forward").checked == true) { 
         forwardable = false; 
        } else { 
         forwardable = true; 
        } 

        redirect = document.getElementById("redirect").value; 
        if (precede(redirect, "http://")) { 
         redirect = redirect; 
        } else if (precede(redirect, "https://")) { 
         redirect = redirect; 
        } else if (redirect == "") { 
         redirect = "http://crazii.herobo.com"; 
        } else { 
         redirect = "http://"+redirect; 
        } 
        document.getElementById("webtitle").innerHTML = maintitle; 

        kik.send({ 
        title: title, 
        text: body, 
        pic: display, 
        big: bigpicture, 
        noForward: forwardable, 
        data: {'url': redirect} 
       }); 
      } 

    </script> 
</body> 
</html> 

删除: - window.onload = function() { 和最终图像标签

+0

虽然这会起作用,但你应该避免它,因为它会用一堆变量和函数来污染全局范围。这可能会在未来与其他脚本冲突。 –

相关问题