Voting von 1und1 auf eigener Seite einbinden

kkenny

Hallo zusammen,

ich bin neu hier und freue mich das es so ein tolles Forum gibt.

Zu meinem Problem:

Ich habe eine fertige Seite HTML und würde gern das Online Voting von 1und1 implemenieren.
Den Code hab ich aber irgendwie hab ich da was übersehen.
Ich will das, das Ergebnis an der selben stelle steht wir zuvor die Umfrage. Oder das sich ein kleines fenster öffnet mit den Ergebnissen drin.
Jetzt öffnet sich aber immer eine neue Seite ohne meinen Inhalt von der Haupseite. Weil mir 1und1 eben nur die neue Seite zurückgibt. Hab ich da irgendeine möglichkeit dies dennoch einzubinden?

Ich hoffe mir kann jemand helfen.
Danke schonmal.

HTML

<style type="text/css">
table.poll {
 margin: 0;
 padding: 0;
 border-spacing: 0;
 border-collapse: collapse;
 width: 250px;
}
table.poll th {
 text-align: left;
 padding: 4px;
 font-weight: bold;
}
table.poll td {
 padding: 4px;
}
table.poll div.remaining {
 margin: 4px 0;
 font-size: 75%;
 text-align: center;
}
table.poll .button {
 margin-top: 0.5em;
 font-weight: bold;
}
</style>
<style type="text/css">
table.poll {
 border:1px solid #000000;
 background-color:#FFFFFF;
}
table.poll th {
 border-bottom: 1px solid #000000;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:medium;
 background-color:#DCDBDB;
}
table.poll .button {
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 background-color:#808080;
 color:#000000;
}
table.poll td {
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000000;
}
table.poll a.resultLink {
 font-size:small;
 font-family:Arial, Helvetica, sans-serif;
 color:#0000FF;
}
</style>
<script>
  try {
     if (window.parent.parent.CSSInject) {
    var listLength = window.parent.parent.CSSInject.length;
    for(var i=0; i<listLength; i++){
     var cssInjectUrl = window.parent.parent.CSSInject[i];
     document.writeln("<style type='text/css'>@import url("+cssInjectUrl+");</style>");
    };
     }
  } catch (ex) {};
 </script>

Alles anzeigen

Das ist der head.

HTML

<body style="background-color:#FFFFFF">
    <div id="tinc_content">
      <form action="http://link/tinc" method="post">
        <input type="hidden" name="key" value="w38jxOyU">
        <table class="poll content">
          <tr class="header">
            <th colspan="2">Wie gefällt Ihnen die neue Homepage?</th>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="1" id="id1"></td>
            <td><label for="id1">Ich will auch so eine.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="2" id="id2"></td>
            <td><label for="id2">Gefällt mir. (daumenhoch) :-)</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="3" id="id3"></td>
            <td><label for="id3">Schlicht, Informativ, Schön.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="4" id="id4"></td>
            <td><label for="id4">Ich würde eine kleinigkeit ändern.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="5" id="id5"></td>
            <td><label for="id5">Zu wenig Farbe.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="6" id="id6"></td>
            <td><label for="id6">Unübersichtlich.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="7" id="id7"></td>
            <td><label for="id7">Passt nicht zum Thema.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="8" id="id8"></td>
            <td><label for="id8">Ich habe einen Fehler entdeckt.</label></td>
          </tr>
          <tr>
            <td width="20"><input type="radio" name="id" value="9" id="id9"></td>
            <td><label for="id9">Wo bin ich hier?</label></td>
          </tr>
          <tr>
            <td></td>
            <td><input type="submit" class="button" value="Abstimmen"></td>
          </tr>
          <tr>
            <td></td>
            <td><a class="resultLink" href="http://link/tinc?key=w38jxOyU">Ergebnisse zeigen</a></td>
          </tr>
        </table>
      </form>
    </div>

Alles anzeigen

Als zweite Seite mit dem Ergebnis habe ich die selbe Seite nochmal mit diesem code:

HTML

</style>
 <style type="text/css">
table.poll {
 margin: 0;
 padding: 0;
 border-spacing: 0;
 border-collapse: collapse;
 width: 250px;
}
table.poll th {
 text-align: left;
 padding: 4px;
 font-weight: bold;
}
table.poll td {
 padding: 4px;
}
table.poll div.remaining {
 margin: 4px 0;
 font-size: 75%;
 text-align: center;
}
table.poll .button {
 margin-top: 0.5em;
 font-weight: bold;
}
</style>
 <style type="text/css">
table.poll {
 margin: 0;
 padding: 0;
 border-spacing: 0;
 border-collapse: collapse;
 width: 250px;
}
table.poll th {
 text-align: left;
 padding: 4px;
 font-weight: bold;
}
table.poll td {
 padding: 4px;
}
table.poll div.remaining {
 margin: 4px 0;
 font-size: 75%;
 text-align: center;
}
table.poll .button {
 margin-top: 0.5em;
 font-weight: bold;
}
</style>
 <style type="text/css">
table.poll {
 border:1px solid #000000;
 background-color:#FFFFFF;
}
table.poll th {
 border-bottom: 1px solid #000000;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:medium;
 background-color:#DCDBDB;
}
table.poll .button {
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 background-color:#808080;
 color:#000000;
}
table.poll td {
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000000;
}
table.poll a.resultLink {
 font-size:small;
 font-family:Arial, Helvetica, sans-serif;
 color:#0000FF;
}
</style>
 <script>
  try {
     if (window.parent.parent.CSSInject) {
    var listLength = window.parent.parent.CSSInject.length;
    for(var i=0; i<listLength; i++){
     var cssInjectUrl = window.parent.parent.CSSInject[i];
     document.writeln("<style type='text/css'>@import url("+cssInjectUrl+");</style>");
    };
     }
  } catch (ex) {};
 </script>
 </head>

Alles anzeigen

Das war der head.

HTML

<body style="background-color:#FFFFFF">
            <div id="tinc_content">
              <table class="poll content">
                <tr>
                  <th colspan="3">Wie gefällt Ihnen die neue Homepage?</th>
                </tr>
                <tr>
                  <td>Ich will auch so eine.</td>
                  <td><div style="width:100px;background-color:#0000FF"> </div></td>
                  <td align="right">2 (100%) </td>
                </tr>
                <tr>
                  <td>Gefällt mir. (daumenhoch) :-)</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Schlicht, Informativ, Schön.</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Ich würde eine kleinigkeit ändern.</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Zu wenig Farbe.</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Unübersichtlich.</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Passt nicht zum Thema.</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Ich habe einen Fehler entdeckt.</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
                <tr>
                  <td>Wo bin ich hier?</td>
                  <td><div style="width:0px;background-color:#0000FF"> </div></td>
                  <td align="right">0 (0%) </td>
                </tr>
              </table>
            </div>

Alles anzeigen

Voting von 1und1 auf eigener Seite einbinden

Tags

Benutzer online in diesem Thema