Antworten zum Thema „Suche Javascript (Klick and Show)“

DiVaO · 05.04.2010

Moin,

der Threadtitel is scheiße ich weiß aber ich hab leider keine Ahnung wie man die Technik nennt. Also folgendes:

Ich hab ein Auswahlfenster in dem man verschiedene Designs auswählen kann. Jetzt würde ich es gerne so einrichten, dass wenn man auf ein Design in der Auswahl klickt, die Vorschau darunter erscheint (Bild). Auswahl ist folgendermaßen aufgebaut:

PHP:

$option = array("Design1","Design2","usw.");

Hoffe jemand weiß was dazu oder kann mir zumindest den korrekten namen für diese Technik sagen damit ich Vorlagen im Internet finde =)

Syrakos · 05.04.2010

AW: Suche Javascript (Klick and Show)

Wenn ich Deine Frage richtig verstanden habe willst Du einen "Bildwechsel" machen.

DiVaO · 05.04.2010

AW: Suche Javascript (Klick and Show)

Ja so ähnlich aber am Anfang is da noch kein Bild.. erst wenn man auf eine option klickt erscheint eines.

Obwohl man kann auch am Anfang ein leeres Design hinmachen - auf ejdne Fall muss bei dem Klick dann die jeweilige Vorschau erscheinen

Crackp0t · 05.04.2010

AW: Suche Javascript (Klick and Show)

So in etwa müsste das ganze aufgebaut sein:

PHP:

<head>
<script rel="text/javascript">

function ladeBild(index) {
var designs = new Array("/\pfad/\zum/\Design1.jpg", "/\pfad/\zum/\Design2.jpg")
document.preview.src = designs[index];

}

</script>
</head>
<body>

<img src="/pfad/zum/standartBild" name="preview">

<a href="javascript:ladeBild(0)">Design1</a>

<a href="javascript:ladeBild(1)">Design2</a>

</body>

Duddle · 05.04.2010

AW: Suche Javascript (Klick and Show)

Wie wäre es mit "Bildergalerie"? Da gibt es eine Vorschau und ein großes Bild. In vielen der dafür fertigen Scripte kann man einstellen, ob am Anfang schon ein Bild sichtbar sein soll.

Wie so oft in den letzten Tagen empfehle ich jQuery als Framework und entsprechende PlugIns:

Top 14 jQuery Photo Slideshow / Gallery Plugins | Chicago Web Design

Ich sehe jedenfalls nichts in deinen Anforderungen, dass gegen diesen Lösungsansatz spricht.

Duddle

Crackp0t · 05.04.2010

AW: Suche Javascript (Klick and Show)

Naja, warum mit Kanonen auf Spatzen schießen?

Außerdem, und das soll er nicht persönlich nehmen, schätze ich ihn nicht so ein, als das er mit Jqry so viel mehr anfangen kann. Diese "Klick&Show" Funktion ist schon nix aufwendiges, bevor man solche Sachen nicht auch selbst schreiben kann, finde ich Jqry gänzlich unangebracht.

Duddle · 05.04.2010

AW: Suche Javascript (Klick and Show)

*****p0t schrieb:
bevor man solche Sachen nicht auch selbst schreiben kann, finde ich Jqry gänzlich unangebracht.

Dein Argument ist "wer die unterste Schicht nicht beherrscht, sollte sich nicht an den höheren versuchen"? Dann hast du ja sicher auch etwas gegen die ganzen C-, C++-, C#-, Java-, Scheme-, Lisp-, Haskell-, usw.-Programmierer, die kein Assembler schreiben können.
Der Zweck von Abstraktion ist es u.a., Schnittstellen zu schaffen um Features der Schicht darunter universaler/einfacher ansprechen zu können.

Ausserdem kann es ja gut sein, dass der Fragensteller in Zukunft gerne das System erweitern möchte, zum Beispiel mit Effekten. Das heisst, er muss wieder in den Code rein und sich damit beschäftigen welche CSS-Einstellungen für den Internet Explorer, welche für Mozilla-Browser, welche für Safari, dafür angesteuert werden müssen. Er baut dann (mit Browserweichen oder sonstigen Hacks) irgendwas um sein bestehendes System und muss es in vielen möglichen Konfigurationen testen.
Alternativ dazu könnte er ein Framework benutzen, das Effekte von Haus aus beherrscht und mit einem einzigen Befehl anwenden kann.

Oder wie sieht es mit JS-Fallback/graceful degradation aus? Was, wenn der Nutzer kein JS angeschalten hat? Ein einfaches System mit hardgecodeten Bildern im JavaScript-Quelltext verwehrt dem Benutzer Inhalte, er kann die Seite schlichtweg nicht benutzen.
Alternativ sind alle mir bekannten PlugIns dafür geschrieben, um bestehenden Content aufzuwerten. Fällt dann JS aus, ist der gesamte Content noch da, aber eben etwas weniger hübsch. Natürlich kann man das auch selbst so coden, aber ich persönlich halte nicht viel davon, Räder stets neu zu erfinden.

Nichts gegen deinen Code, der funktioniert ja auch. Aber 24KB (plus max. 5KB pro PlugIn) sind genau so viel Last wie ein normales Thumbnail. Ich würde hier nicht von Kanonen sprechen, sondern eher von Pfeil und (vergoldetem) Bogen.

Duddle

Crackp0t · 05.04.2010

AW: Suche Javascript (Klick and Show)

Okay... geowned

Auch wenn der Vergleich Javascript -> Assembler und Framework -> C++ etwas weit hergeholt ist und er seine Website so oder so auf verschiedenen Viewports testen und Browserweichen einbauen muss, außer er verwendet kein CSS. (Okay es gibt auch CSS Frameworks... Verdammt, wo soll das eigentlich hinführen? Fehlt ja nur noch das Mc Donalds nach hause liefert. Hm... Oder kann es sein das ich einfach schlecht/falsch erzogen wurde?)

Naja sorry für den hauch an Off-Topic... Aber vieleicht hilft ihm der Gedankengang ja

DiVaO · 05.04.2010

AW: Suche Javascript (Klick and Show)

hm also.. ich kenne mich mit Javascript zu wenig aus um da wegen so einer Sache voll einsteigen zu können, deswegen ist mir sowas wie *****p0t gepostet hat lieber, weil ich das einafch einfügen und dann anpassen kann

Ich hab das jetzzt noch nicht probiert und außerdem hab ich eine Seite gefundn die genau das zeigt, was ich brauche:

Uncharted 2 Stats Signature Generator

Und ich glaube jQuery ist für sowas nicht geeignet.. sowas benutze ich dann wenn ich eine hübsche high-end gallery haben will oder ein sliding panel oder sowas

saila · 05.04.2010

AW: Suche Javascript (Klick and Show)

Riddick schrieb:
hm also.. ich kenne mich mit Javascript zu wenig aus um da wegen so einer Sache voll einsteigen zu können, deswegen ist mir sowas wie *****p0t gepostet hat lieber, weil ich das einafch einfügen und dann anpassen kann

Ich hab das jetzzt noch nicht probiert und außerdem hab ich eine Seite gefundn die genau das zeigt, was ich brauche:

Uncharted 2 Stats Signature Generator

Und ich glaube jQuery ist für sowas nicht geeignet.. sowas benutze ich dann wenn ich eine hübsche high-end gallery haben will oder ein sliding panel oder sowas

Hi,

davon zu sprechen ob etwas geeignet ist oder nicht - insbesondere wenn man keine JavaScript-Kenntnisse hat ist doch etwas verwegen - wenn du mal kurz darüber nachdenken möchtest?

@Duddle

Ist schon ein sehr schöner Vergleich mit den höheren Programmiersprachen in Verbindung zu einem JS-Framework (jQuery). Aber macht Spass den Vergleich zu lesen

- Übrigens hast du Java nicht erwähnt

DiVaO · 05.04.2010

AW: Suche Javascript (Klick and Show)

saila schrieb:
Hi,

davon zu sprechen ob etwas geeignet ist oder nicht - insbesondere wenn man keine JavaScript-Kenntnisse hat ist doch etwas verwegen - wenn du mal kurz darüber nachdenken möchtest?

@Duddle

Ist schon ein sehr schöner Vergleich mit den höheren Programmiersprachen in Verbindung zu einem JS-Framework (jQuery). Aber macht Spass den Vergleich zu lesen - Übrigens hast du Java nicht erwähnt

Ja aber ich hab mich shcon ein bisschen mit jQuery beschäftigt wie ich da auch einige Sachen einbauen werde auf meiner Seite aber ich hab 1. nichts vergleichbares gefunden was ich suche und 2. weiß ich dass jQuery wesentlich komplizierter is als einfach einen code einzufügen und zu bearbeiten

Nehmt doch Rücksicht ich bin Anfänger

@*****p0t:

also ich hab bei meiner siete eine index.php und eine config.php. Diese Stelle befindet sich in der index.php:

*****p0t schrieb:

PHP:

<head>
<script rel="text/javascript">

function ladeBild(index) {
var designs = new Array("/\pfad/\zum/\Design1.jpg", "/\pfad/\zum/\Design2.jpg")
document.preview.src = designs[index];

}

</script>

</head>
<body>


<img src="/pfad/zum/standartBild" name="preview">

</body>

[/QUOTE]

Diese Stelle befindet sich in der config.php:
[quote="*****p0t, post: 1414401"]



<a href="javascript:ladeBild(0)">Design1</a>

<a href="javascript:ladeBild(1)">Design2</a>

Jetzt hab ich 2 Fragen: Wie baue ich einen Link in einen array ein, also:

array("link","lnk");

und wie mache das das ganze wenn ladeBild(0) in einer anderen datei is??

Crackp0t · 05.04.2010

AW: Suche Javascript (Klick and Show)

PHP ist ja ein serverseitiges Script, im Browser(in dem die Funktionen ja ausgeführt werden) wird das ganze als eine Seite dargestellt. Der Pfad zu dem Bild in der index.php muss also auch relativ zu dem Speicherort der index.php sein oder halt eine ganze URL. Den Link kannst du ganz normal in das Array schreiben, du musst nur bestimmte Zeichen escapen, also ein / davor setzen. Dies gilt für ' " \.

DiVaO · 05.04.2010

AW: Suche Javascript (Klick and Show)

*****p0t schrieb:
PHP ist ja ein serverseitiges Script, im Browser(in dem die Funktionen ja ausgeführt werden) wird das ganze als eine Seite dargestellt. Der Pfad zu dem Bild in der index.php muss also auch relativ zu dem Speicherort der index.php sein oder halt eine ganze URL. Den Link kannst du ganz normal in das Array schreiben, du musst nur bestimmte Zeichen escapen, also ein / davor setzen. Dies gilt für ' " \.

Alles klar danke! Dann werd ich das mal reinbasteln

DiVaO · 05.04.2010

AW: Suche Javascript (Klick and Show)

hab das jetzt soweit gemacht aber eine Stelle macht mir Probleme:

<a href="javascript:ladeBild(0)">Design1</a>

diese zeile ist in der config, aber das ladBild ist in der index.. darauf wollte ich shcon vorhin hinaus.

Und passt das?

PHP:

 array("<a href=\"javascript:ladeBild(0)\">Design1</a>",

DiVaO · 05.04.2010

AW: Suche Javascript (Klick and Show)

Hab was gefudnen.. das muss ich nurnoch anpassen. Danke für eure Hilfe!