Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Onklick Anweisung einbauen

Empfohlene Antworten

Veröffentlicht

Hi, ich habe mal eine kleine Frage zu den OnKlicks:

Und zwar habe ich eine Framebased HTML-Seite mit einer Foto Gallerie. Unten sind Thumbnails die auf klick im Main-Frame die Bilder tauschen. Soweit so gut...

Nun möchte ich aber, dass das jeweils aktuelle Bild, also das zuletzt angeklickte zusätzlich unten in der Thumbnail-Gallery z.B. mit einem schwarzen Rand markiert wird, damit man sieht welches Bild man gerade geöffnet hat.

Die Links per OnClick zu machen würde ja gehn - aber dann wären sie ab dem Zeitpunkt ja immer markiert, sie sollen aber bei Auswahl des nächsten Bildes wieder nicht-markiert sein.

Geht das per OnClick oder gibts ne andere Möglichkeit.????

Danke und Gruß

Flo

klar geht das!

setzt dir beim setzen des markierten bildes eine globale varible an der du erkennst, ob ein anderes bild markiert ist. wenn eins markiert ist, nimmst du dieses beim nächsten onlick und setzt die markierung wieder wech

Ok, danke erstmal für die Hilfe...bin leider nicht so gewand im Webdesign, kannst du mir vielleicht ein Beispiel geben wie man die globale variable anlegen muss? Bzw. wie ich die Abfrage machen soll *keinplanhat*

Ok, danke erstmal für die Hilfe...bin leider nicht so gewand im Webdesign, kannst du mir vielleicht ein Beispiel geben wie man die globale variable anlegen muss? Bzw. wie ich die Abfrage machen soll *keinplanhat*

Du könntest das mit JavaScript und CSS lösen.

In CSS 2 Klassen, eine für das aktive Bild, eine für inaktive.

Beim OnClick rufst du eine Function auf, die alle Bilder der Seite durchgeht und die Klasse auf inaktiv setzt, und das geklickte Bild, was du mit übergibts setzt du dann auf die aktiv Klasse.



CSS:

.aktiv { border: 5; }

.inaktiv { border: 0; }


[...]


function SetImgs(img)

{

  for(i = 0; i < document.images.length; ++i)

  {

    document.images[i].className='inaktiv';

  }

  img.className='aktiv';

}


[...]


<img ... onClick="SetImgs(this)">

Ist aber nich getestet.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.