Oeh, topic van mij in de devschuur, spannend
.
Ik ben bezig met een site, zoals zovelen tegenwoordig. Nu wil ik graag dat mensen kunnen kiezen uit een aantal categorieën. Niet zo'n probleem. Omdat het aardig wat categorieën zijn, maak ik een onderverdeling in hoofdcategorieën. Ook niet zo'n probleem. Via PHP kan ik mensen een keuze laten maken uit de hoofdcategorieën waarna ze naar een nieuwe pagina gaan om daar een subkeuze te maken, afhankelijk van hun eerste keuze. Ook dit is volgens mij prima gelukt.
Het probleem zal voor veel mensen zijn dat ze niet direct weten welke hoofdcategorieën bij welke subcategorieën horen. Oftewel, via een linkje maak ik een mooi lijstje met alle subcategorieën. Dit levert een mooi lijstje op van zo'n 150 items. Ook geen probleem zou je zeggen. Het probleem is natuurlijk dat er nog steeds mensen zijn die niet weten welke subcategorie ze moeten kiezen. Daarom wil ik er een uitleg bij plaatsen met een voorbeeld.
En hier komt mijn probleem. Mijn idee was om dit te doen via een mouseover, ongeveer op de manier zoals hier op het forum gebeurt als je over een topic gaat en te zien krijgt wie de laatste poster is, of natuurlijk gewoon de alt-text van een afbeelding. Dit kan ik doen door bijvoorbeeld de cel waarin de subcategorie staat een title mee te geven of er een <a title="alt text"> bij te zetten. Het probleem ontstaat echter bij de browsercompatibiliteit en dan met name enters. Ik wil namelijk een enter tussen het eind van de (zeer korte) uitleg en het voorbeeld. Ik heb het geprobeerd zonder enter, maar bij een beetje langere uitleg en een langer voorbeeld, krijg ik dan ... aan het eind te zien.
Onder IE worden enters in de mouseover-text prima weergegeven:

Onder Firefox ontstaan de problemen echter:

De linefeed en newline (\r\n) worden niet goed weergegeven. Ik ga er vanuit dat dit de standaard is, ik heb blind vertrouwen in Firefox. Ook Opera geeft het niet goed weer, die geeft alles direct op één regel.
Nu ben ik op zoek naar een oplossing. Wat mij betreft zijn er twee mogelijkheden:
• Meer tekst in alt-text. Liefst met behulp van een enter. <br> en \n werken niet.
• Elegante oplossing voor uitleg van 150 items zonder dat het een chaos wordt (ik houd van overzicht). Het overzicht komt in een klein nieuw venster, waar ik vooral niet teveel tekst tegelijk in wil hebben.
De code die ik nu gebruik is niet veel meer dat de eerder aangegeven code.
Ik ben bezig met een site, zoals zovelen tegenwoordig. Nu wil ik graag dat mensen kunnen kiezen uit een aantal categorieën. Niet zo'n probleem. Omdat het aardig wat categorieën zijn, maak ik een onderverdeling in hoofdcategorieën. Ook niet zo'n probleem. Via PHP kan ik mensen een keuze laten maken uit de hoofdcategorieën waarna ze naar een nieuwe pagina gaan om daar een subkeuze te maken, afhankelijk van hun eerste keuze. Ook dit is volgens mij prima gelukt.
Het probleem zal voor veel mensen zijn dat ze niet direct weten welke hoofdcategorieën bij welke subcategorieën horen. Oftewel, via een linkje maak ik een mooi lijstje met alle subcategorieën. Dit levert een mooi lijstje op van zo'n 150 items. Ook geen probleem zou je zeggen. Het probleem is natuurlijk dat er nog steeds mensen zijn die niet weten welke subcategorie ze moeten kiezen. Daarom wil ik er een uitleg bij plaatsen met een voorbeeld.
En hier komt mijn probleem. Mijn idee was om dit te doen via een mouseover, ongeveer op de manier zoals hier op het forum gebeurt als je over een topic gaat en te zien krijgt wie de laatste poster is, of natuurlijk gewoon de alt-text van een afbeelding. Dit kan ik doen door bijvoorbeeld de cel waarin de subcategorie staat een title mee te geven of er een <a title="alt text"> bij te zetten. Het probleem ontstaat echter bij de browsercompatibiliteit en dan met name enters. Ik wil namelijk een enter tussen het eind van de (zeer korte) uitleg en het voorbeeld. Ik heb het geprobeerd zonder enter, maar bij een beetje langere uitleg en een langer voorbeeld, krijg ik dan ... aan het eind te zien.
Onder IE worden enters in de mouseover-text prima weergegeven:

Onder Firefox ontstaan de problemen echter:

De linefeed en newline (\r\n) worden niet goed weergegeven. Ik ga er vanuit dat dit de standaard is, ik heb blind vertrouwen in Firefox. Ook Opera geeft het niet goed weer, die geeft alles direct op één regel.
Nu ben ik op zoek naar een oplossing. Wat mij betreft zijn er twee mogelijkheden:
• Meer tekst in alt-text. Liefst met behulp van een enter. <br> en \n werken niet.
• Elegante oplossing voor uitleg van 150 items zonder dat het een chaos wordt (ik houd van overzicht). Het overzicht komt in een klein nieuw venster, waar ik vooral niet teveel tekst tegelijk in wil hebben.
De code die ik nu gebruik is niet veel meer dat de eerder aangegeven code.