Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag05.03.2011 um 15:19 (UTC)    
Titel: Spiele - nur laden bei Klick

Hallo!
Ich wollte bei der Unterseite FUN bei mir Spiele einfügen, klappt ja auch mit dem Code bei Spieleseiten wie www.jetztspielen.de!
Wenn ich jetzt aber ganz viele Spile einfüge würde meinchein pc das nicht schaffen zu laden. Da ich aber nicht für jedes Spiel noch eine Extra Seite anlegen will, hab ich mir gedacht, dass man z.B. Bilder von den Spielen einfügen könnte und dass per Klick auf das Bild das Spiel geladen wird.
Ich hab aber KP wie ich das machen sollte!
Ich hoffe mir kann jemand helfen!
lg
Beitrag05.03.2011 um 16:07 (UTC)    
Titel:

Zitat:
<script type="text/javascript">
function anzeigen(div, code){
document.getElementById(div).innerHTML = code;
}
code1 = 'SPIEL-CODE';
</script>

<div id="div1"><img src="URL VORSCHAUBILD"><br/><a href="javascript:anzeigen('div1', code1);">Spiel anzeigen</a></div>


Für weitere Spiele die beiden kursiven Stellen direkt danach noch einmal einfügen, dabei die blauen Zahlen immer um 1 erhöhen. Mit 3 Spielen sähe das dann so aus:

Zitat:
<script type="text/javascript">
function anzeigen(div, code){
document.getElementById(div).innerHTML = code;
}
code1 = 'SPIEL-CODE';
code2 = 'SPIEL-CODE';
code3 = 'SPIEL-CODE';
</script>

<div id="div1"><img src="URL VORSCHAUBILD"><br/><a href="javascript:anzeigen('div1', code1);">Spiel anzeigen</a></div>
<div id="div2"><img src="URL VORSCHAUBILD"><br/><a href="javascript:anzeigen('div2', code2);">Spiel anzeigen</a></div>
<div id="div3"><img src="URL VORSCHAUBILD"><br/><a href="javascript:anzeigen('div3', code3);">Spiel anzeigen</a></div>

______________

Beitrag06.03.2011 um 14:23 (UTC)    
Titel:

Vielen Dank, das probier ich gleich mal aus! Smile
Beitrag06.03.2011 um 14:32 (UTC)    
Titel:

Cool, es funktioniert! Smile
Toll, wär noch wenn man ein Spiel geöffnet hat, es auch wieder schließen kann, damit wenn man mehrere Spiele spielt nicht alles dann doch geöffnet ist.
Da ich leider kein bisschen java script kann bin ich auf eure hilfe angewiesen Smile!
lg
Beitrag06.03.2011 um 15:35 (UTC)    
Titel:

Zitat:
<div id="div1"></div>

<script type="text/javascript">
function oeffnen(nummer){
document.getElementById("div"+nummer).innerHTML = code[nummer] + '<br/><a href="javascript:schliessen(' + "'" + nummer + "'" + ');">Spiel schließen</a>';
}
function schliessen(nummer){
document.getElementById("div"+nummer).innerHTML = bild[nummer] + '<br/><a href="javascript:oeffnen(' + "'" + nummer + "'" + ');">Spiel öffnen</a>';
}
var code = new Array();
var bild = new Array();
code[1] = 'SPIEL-CODE';
bild[1] = '<img src="BILD-URL" />';
schliessen(1);

</script>


Für weitere Spiele das fette direkt nochmal danach einfügen, dabei die blaue Zahl erhöhen, für drei Spiele sähe das so aus:

Zitat:
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

<script type="text/javascript">
function oeffnen(nummer){
document.getElementById("div"+nummer).innerHTML = code[nummer] + '<br/><a href="javascript:schliessen(' + "'" + nummer + "'" + ');">Spiel schließen</a>';
}
function schliessen(nummer){
document.getElementById("div"+nummer).innerHTML = bild[nummer] + '<br/><a href="javascript:oeffnen(' + "'" + nummer + "'" + ');">Spiel öffnen</a>';
}
var code = new Array();
var bild = new Array();

code[1] = 'SPIEL-CODE';
bild[1] = '<img src="BILD-URL" />';
schliessen(1);


code[2] = 'SPIEL-CODE';
bild[2] = '<img src="BILD-URL" />';
schliessen(2);


code[3] = 'SPIEL-CODE';
bild[3] = '<img src="BILD-URL" />';
schliessen(3);


</script>


mfg
______________

Beitrag06.03.2011 um 15:42 (UTC)    
Titel:

Vielen dank! Very Happy
Es funktioniert! Cool
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de