Problem mit innerHTML

[Silenze]

Guten Abend liebe html.de-Community,

ich hab mir nun in den letzen Stunden mir ein kleinen script zusammengebastelt, der ein Liste mit Links und daneben ein Feld für eingebette Videos anzeigen soll.
Soweit so gut, das Laden der Videos klappt hervorragend, allerdings wollte ich die Liste (die recht lang ist und somit nicht in den dafür vorgesehene Div-Contaienr passt) in 4 Teile unterteilen und jeden dieser Teile als Javascript-Variable abspeichern und per InnerHTML & klick auf den Hoch- bzw Runter-Button in den Div-Container laden. Allerding funktioniert das nicht so wie ich will, es regt sich nichst und Firefox bringt mir die Meldung
"Fehler: missing ; before statement
Quelldatei: javascript:2q()
Zeile: 1
Quelltext:
2q()"

Hier der Code, vielleicht findet ja jemand die Zeit sich das genauer anzuschauen :)
(die Variablen der Liste hab ich vorerst durch 1 ersetzt, um sicher zu gehen, dass kein ; o. Ä. den Code stört)

<script type="text/javascript">
var asurq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/m5UKsqaOQD4 frameborder=0 allowfullscreen></iframe>";
var bpreyq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/xSlkP9AqWEo frameborder=0 allowfullscreen></iframe>";
var dekstaq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/iSUR7JN5axs frameborder=0 allowfullscreen></iframe>";
var divixq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/EPwYISeKnUA frameborder=0 allowfullscreen></iframe>";
var donezq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/o2EAP-gNPgs frameborder=0 allowfullscreen></iframe>";
var educationq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/iwBaZ4yEKzg frameborder=0 allowfullscreen></iframe>";
var itztrueq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/vjw4Gp6sbLk frameborder=0 allowfullscreen></iframe>";
var kobsq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/-SlKdzC5sVs frameborder=0 allowfullscreen></iframe>";
var lovaq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/lajTaLhWNwk frameborder=0 allowfullscreen></iframe>";
var lowcutq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/dbk46FGfoiE frameborder=0 allowfullscreen></iframe>";
var paskq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/wSB6qvi8FlY frameborder=0 allowfullscreen></iframe>";
var ptrixq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/hEG1U3G7v0Y frameborder=0 allowfullscreen></iframe>";
var rpq = "<iframe width=452 height=254 src=http://www.youtube.com/embed/gUUnqR0-mbU frameborder=0 allowfullscreen></iframe>";

function qasur () {
document.all.quali.innerHTML = asurq;
}
function qbprey () {
document.all.quali.innerHTML = bpreyq;
}
function qdeksta () {
document.all.quali.innerHTML = dekstaq;
}
function qdivix () {
document.all.quali.innerHTML = divixq;
}

function qdonez () {
document.all.quali.innerHTML = donezq;
}
function qeducation () {
document.all.quali.innerHTML = educationq;
}
function qitztrue () {
document.all.quali.innerHTML = itztrueq;
}
function qkobs () {
document.all.quali.innerHTML = kobsq;
}

function qlova () {
document.all.quali.innerHTML = lovaq;
}
function qlowcut () {
document.all.quali.innerHTML = lowcutq;
}
function qpask () {
document.all.quali.innerHTML = paskq;
}
function qptrix () {
document.all.quali.innerHTML = ptrixq;
}
function qrp () {
document.all.quali.innerHTML = rpq;
}


</script>
<script type="text/javascript">

var qpage1= " 1 ";

var qpage2 = "1";

var qpage3 = "1";

var qpage4 = "1";



function 1q () {
document.all.navq.innerHTML = qpage1;
}
function 2q () {
document.all.navq.innerHTML = qpage2;
}
function 3q () {
document.all.navq.innerHTML = qpage3;
}
function 4q () {
document.all.navq.innerHTML = qpage4;
}


</script>
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><img
 src="http://rapcast.de/files/css1/overplayer.png"></td></tr><tr><td>
<div style="height: 315px; width: 604px; text-align: left;">
<div style="width: 100px; top: 25px; height: 254px;">
<table style="width: 604px; height: 254px;" border="0"
 cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: left; width: 100px;">
      <table
 style="text-align: left; width: 100px; background-image: url(http://rapcast.de/files/css1/middle.jpg);"
 border="0" cellpadding="0" cellspacing="0">
       <p id="navq"> <tbody>
          <tr>
            <td><a href='javascript:4q ()'><img style='width: 100px; height: 20px;'
 src='http://rapcast.de/files/css1/top.png'></a>
            </td>
          </tr>
     <tr>
            <td class='qualitable'>&nbsp;<a href='javascript:qasur()'>Asur</a></td>
          </tr>
          <tr>
            <td class='qualitable'>&nbsp;<a href='javascript:qbprey()'>bprey</a></td>
          </tr>
          <tr>
     <td class='qualitable'>&nbsp;<a href='javascript:qdeksta()'>Deksta</td>
          </tr>
          <tr>
          <td class='qualitable'>&nbsp;<a href='javascript:qdivix()'>DiviX</a></td>
          </tr>
          <tr>
       <td class='qualitable'>&nbsp;<a href='javascript:qdonez()'>Donez</a></td>
          </tr>
          <tr>
   <td class='qualitable'>&nbsp;<a href='javascript:qeducation()'>EDU.Cation</td>
          </tr>
          <tr>
      <td class='qualitable'>&nbsp;<a href='javascript:qitztrue()'>ItzTrue</a></td>
          </tr>
          <tr>
        <td class='qualitable'>&nbsp;<a href='javascript:qkobs()'>KOBS</td>
          </tr>
     
          <tr>
            <td><a href='javascript:2q()'><img alt=""
 src="http://rapcast.de/files/css1/button.png"></a><br>
            </td>
          </tr>
        </tbody></p>
      </table>
      </td>
      <td>
      <p id="quali"><img
 src="http://rapcast.de/files/css1/qualistandart.jpg"> </p>
      </td>
    </tr>
  </tbody>
</table>
</div>
</div></td></tr></table>
</center>

Ich danke schonmal :)

falls es gebraucht wird, was ich wenigerglaube, hier die css-datei:
http://rapcast.de/files/css5.css

und live sieht der ganze Spaß so aus:

 

[Gilles]

Hallihallo.
Das Problem ist definitiv die Benennung deiner Funktionen. In eigentlich allen Programmier und Scriptsprachen darf eine Funktion nicht mit einer Zahl anfangen.
Du könntest dein Problem wahrscheinlich lösen indem du die Funktionen 1q in q1 umbenennst. Wobei ich sagen muss, dass deine Lösung für das Nachladen von Videos keine sehr schöne ist und mir im Chrome sogar eine nette Fehlermeldung einbringt

Unsafe JavaScript attempt to access frame with URL http://localhost/silenze.html from frame with URL http://www.youtube.com/embed/iSUR7JN5axs. Domains, protocols and ports must match.

Eine Alternativ-Lösung wäre das verstecken von den nicht benutzten Elementen und das Einblenden von benötigten Elementen.
Dafür gibt es die CSS-Eigenschaft display :)

 

[Silenze]

danke, kalppt jetzt wunderbar :)