CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede langkiller Nybegynder
10. september 2012 - 11:19 Der er 9 kommentarer og
1 løsning

link i html5 <summary> virker ikke rigtigt

har brugt html5's <details>/<summary> funktion, men når jeg sætter links ind i overskriften virker de ikke rigtigt. Når man trykker på det pågældende link viser/skjuler den bare det der står i <details> uden at åbne linket.. linket kan dog godt åbnes hvis man vælger "åbn i ny fane" ved højreklik

eksempel

<details>
<summary>Over skriften - <a link href="google.dk"></summary>
Detaljer!
</details>

hvordan kan dette problem løses.. har allerede forsøgt med noget css(z-index) uden held
Avatar billede olebole Juniormester
10. september 2012 - 11:54 #1
<ole>

Det virker fint - men so far kun i Chrome. Det kan evt. løses med en jQuery polyfill. Søg på "details summary polyfill" på Google

/mvh
</bole>
Avatar billede langkiller Nybegynder
10. september 2012 - 13:21 #2
hmm okay, altså virker det uden polyfill i chrome eller?
For jeg bruger selv chrome og det virker ikke her.
ellers må jeg bare droppe det og smide link ned i details
Avatar billede olebole Juniormester
10. september 2012 - 13:32 #3
Det er måske en gammel version. Prøv at opdatere Chrome  =)

Koden bør dog se sådan ud:

<details>
<summary>Over skriften</summary>
<a link href="google.dk">Detaljer!</a>
</details>
Avatar billede langkiller Nybegynder
10. september 2012 - 13:56 #4
okay det vil jeg gøre..

ja i know, det gik bare lidt hurtigt med at skrive det ind :)

men jeg vil prøve at kigge på polyfill med jQuery som du skrev. lukker tråden igen.

du samler vel stadig ikke points?
Avatar billede olebole Juniormester
10. september 2012 - 14:12 #5
Ellers tak, du lukker bare  *o)
Avatar billede langkiller Nybegynder
10. september 2012 - 22:48 #6
Det gør jeg :) og tak for svaret
Avatar billede olebole Juniormester
10. september 2012 - 23:01 #7
Selvtak  =)
Avatar billede scootergrisen Nybegynder
11. september 2012 - 12:46 #8
Du har ikke skrevet nogen link tekst og heller ikke lukket a tagget. Og der er vist ikke nogen link attribut til a elementet.

Skriv sådan her i stedet for :

<details>
<summary>Over skriften - <a href="google.dk">link</a></summary>
Detaljer!
</details>

Dog virker koden ikke i særlig mange browsere endnu.
Avatar billede langkiller Nybegynder
11. september 2012 - 12:54 #9
@scooter: det var heller ikke selve koden der var vigtig, men mit spørgsmål. Skrev det i en fart for at illustrerer problemet bedre.

Og problemet er løst nu.. ellers tak for dit svar
Avatar billede olebole Juniormester
11. september 2012 - 12:55 #10
@scootergrisen: Spænd lige hjelmen og læs, hvad der bliver skrevet i tråden!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:09 Mobilrouter mangler forbindelse i Sverige Af perhol i Routere & Switches
I går 10:53 WordMat Af jgormm i Word
20/0916:58 Netværk bliver ved med at "hoppe af" når jeg åbner for mange faner eller specifike spil Af Lars i LAN/WAN
20/0914:44 MS Outlook Af lbc i Office & Kontorpakker
19/0917:14 Udvid partition - Mulighed er nedtonet, ikke aktiv Af Uvanga i PC
White papers
Flere white papers »


Premium
Teaser billede
Professor Christian Damsgaard: Her er de tre vigtigste sikkerhedsmæssige udfordringer ved at lægge dine data i clouden
Læs mere »
Her er Danmarks kommende AI-lov: Se det fulde lov-udkast fra regeringen
Microsoft vil træne AI på dine LinkedIn-opslag og kommentarer: Sådan undgår du det
Henrik Bodskov om sin exit fra Aeven: “Da jeg kørte ind på parkeringspladsen, løb tårerne lidt ned ad kinden”
Se alle »
Computerworld
Teaser billede
I aften sker det: Din iPhone får en monumental opdatering
Læs mere »
Alt om Apples store opdatering til iPhone, Mac, Watch og iPad
Microsoft tvangsinstallerer app i din Office 365 i næste måned: Du kan ikke slippe
Apple opdager alvorlig sårbarhed i ældre iPhones og iPads
Se alle »
CIO
Teaser billede
Til kamp mod legacy og teknisk gæld: Uffe har skrottet 200 servere og 1.000 routere og switches på 140 lokationer
Læs mere »
Microsoft opsplitter Office og Teams: Sådan fungerer opdelingen
”Det fylder helt oppe på direktionsgangene:" Danske topkonsulenter løfter sløret for det allervigtigste it-tema lige nu
Overgangen til Windows 11 kan udløse store bøder, hvis du ikke passer på
Se alle »
Job & Karriere
Teaser billede
Tryg skiller sig af med 225 it-medarbejdere: Outsourcer stor del af sin it-drift til indere
Læs mere »
Her er fidusen: Sådan fastholder KMD og Twoday deres it-folk i lang tid
Henrik Bodskov fratræder som topchef for Aeven: Her er den nye topchef
Novo Nordisks CIO og digitale topchef, Anders Romare, forlader selskabet
Se alle »
White paper
Teaser billede
Sådan samler du virtualisering og containerdrift i én løsning
Læs mere »
Fra drift til strategi: IT-chefens genvej til et stærkere netværk
IT i front: Sådan bliver netværk en strategisk driver
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »