CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

ssmadsen Nybegynder

07. april 2011 - 22:05 Der er 5 kommentarer og
1 løsning

Mangler script til et "Markerings værktøj"?

Heeej ..

Vi er netop igang med en IT eksamen, og har i den forbindelse lavet denne her hjemmeside: http://it.6four.dk/

Vi er nu stødt ind i et problem, vi ikke selv længere kan ordne, nemlig et script der kan gøre, at man får en form for markering, rundt om de kanaler man har valgt .. Kanal oversigten her sådan her ud: http://it.6four.dk/index.php?option=com_content&view=article&id=86&Itemid=204

Og det er her, det ville være lækkert man kunne trykke på dem, og så få en form for markering ...

Hjemmesiden er lavet i Joomla..

Håber nogen kan hjælpe..

Synes godt om

tjens Nybegynder

07. april 2011 - 23:24 #1

Du kan lave en CSS class, med det udseende du ønsker, og så sætte denne onclick på billederne:

onclick="this.className=(this.className=='imgSelect')?'':'imgSelect';"

Synes godt om

ssmadsen Nybegynder

08. april 2011 - 09:01 #2

Jeg er ikke for skarp til det her, det må jeg lige sige ..

En kildekode til et af billederne er; <p><img src="images/stories/3puls.ashx.png" border="0" />

Hvor skal jeg indsætte dit script henne, før det virker?

Synes godt om

tjens Nybegynder

08. april 2011 - 13:51 #3

Det skal bare stå i hvert image-tag.

Samtidig skal der laves CSS, der beskriver farve o.s.v.

Demo: http://tjens.dk/eksperten/936197/

Jeg har valg en gylden baggrundsfarve, men du kan også bruge border farve i stedet.

Synes godt om

ssmadsen Nybegynder

08. april 2011 - 16:38 #4

Må erkende jeg stadig ikke forstå hvordan det sksal gøres, men jeg må lige finde en af mine venner som kan .. siger i hvertfald tak for svaret, og du bedes venligst lægge et svar, så jeg kan kreditere dig dine point :)

Synes godt om

tjens Nybegynder

08. april 2011 - 17:05 #5

Du kan højreklikke på min demo og se sourcen, men da den er meget lille kan jeg også vise koden her:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>Select images demo</title>
<style type="text/css">
body { font-family: sans-serif; margin: 0px; padding: 0px }
#Container { width: 220px; margin: 20px auto 0px auto; padding:10px; background-color: whitesmoke; border: 1px solid lightsteelblue;}
#channelImages img { border: none; padding: 20px 10px; margin: 5px;}
#channelImages .imgSelect { background-color: gold; }
</style>
<script type="text/javascript">

</script>

</head>
<body>
<div id="Container">
<p id="channelImages">
<img onclick="this.className=(this.className=='imgSelect')?'':'imgSelect';" alt="3puls" src="3puls.ashx.png" />
<img onclick="this.className=(this.className=='imgSelect')?'':'imgSelect';" alt="6eren" src="6.ashx.png" />
<img onclick="this.className=(this.className=='imgSelect')?'':'imgSelect';" alt="6eren HD" src="6_hd.ashx.png" />
<img onclick="this.className=(this.className=='imgSelect')?'':'imgSelect';" alt="Animal Planet" src="animal_planet.ashx.png"/>
</p>
</div>
</body>
</html>

Synes godt om

ssmadsen Nybegynder

29. august 2014 - 10:06 #6

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Trim tekst i batch script Af Dan Elgaard i Andet programmering	5	05/09/202411:08	10/09/202415:29
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS