Søg
Avatar billede daniel_d Nybegynder
20. januar 2003 - 20:37 Der er 11 kommentarer og
1 løsning

Glide/time event onclick/href ???

Hej kloge hoveder
Jeg har søgt nettet tyndt efter en løsning hvor, når man trykker på et link "glider" hele siden ud til venstre og en ny side kommer ind fra højre. Er dette ikke muligt ?

Mvh
Daniel D
Avatar billede olebole Juniormester
20. januar 2003 - 21:30 #1
<ole>

I JScript (IE) kan du lave noget med transitions. Prøv evt. at kikke på:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/slide.asp

/mvh
</bole>
Avatar billede daniel_d Nybegynder
20. januar 2003 - 21:38 #2
Nu, du har ikke forladt os endnu?
Håber du kommer på andre tanker ole... læste et langt indlæg i dag om din afsked :o(

Prøver at kigger derind.
/tak

mvh
Daniel D
Avatar billede daniel_d Nybegynder
20. januar 2003 - 21:45 #3
Det er vist d jeg leder efter... Har vist set det engang før, men kunne ikke finde det igen, da jeg var inde på msdn før i dag...
Men det virker så kun i IE 5.5 +
Håber på noget der virker i IE 5.0 også, da der stadig er mange der bruger den version, men er det sådan at hvis der anvendes IE 5.5 + fungere min url vha. af slidefilteret og eller bare som alm. url ?

mvh
Daniel D
Avatar billede daniel_d Nybegynder
20. januar 2003 - 21:47 #4
ellers
Avatar billede olebole Juniormester
20. januar 2003 - 22:20 #5
Njaahhh ... så skal du nok diskriminere. En nem måde er et 'teknoligi-check' - man finder en metode, som man ved blev indført ved en bestem version og spørger til den:

if ( document.all && window.createPopup) {
  // Kode, der kan afvikles i IE5.5+
} else {
  // Kode, der kan afvikles i alle andre browsere
}

Og de transitions, jeg pegede på før, kan kun afvikles i IE 5.5+
/mvh
Avatar billede olebole Juniormester
20. januar 2003 - 22:21 #6
teknologi-check  ;o)
Avatar billede daniel_d Nybegynder
20. januar 2003 - 22:32 #7
>Og de transitions, jeg pegede på før, kan kun afvikles i IE 5.5+
Ja, det kunne jeg forstå, men da jeg var inde og læse på msdn stod der at transitions bl.a. "Applies To" A href. Hvis man gør det så, og en bruger som f.eks anvender IE 5.0 prøver at klikke vil linket vel stadig fungere som et alm. regulært link, ikke ???

Mvh
Daniel D
Avatar billede olebole Juniormester
20. januar 2003 - 22:49 #8
Er vi helt enige om, hvad 'Applies to A HREF' betyder? Du kan lave transitions mellem to links ... lade et glide ud og et andet glide ind  ;o)
Avatar billede daniel_d Nybegynder
20. januar 2003 - 23:02 #9
Jeg har egentligt løst problemet vha. den side du gav mig. Dog tror jeg hellere at jeg vil vælge en alm. løsning idet denne måske nok er for "plat".
Webdesign skal ikke være smart blot for at være smart, og er nok kommet til den erkendelse at slide funktionen samt lignende i dette tilfælde vil være at lave det smart kun for at det skulle være smart. I virkeligheden tjener den ikke rigtig nogen funktion.

Ole> Jeg takker alligevel for hjælpen. Oftest er man jo nødt til at prøve tingene før at man kan afvise dem.

Mvh
Daniel
Avatar billede daniel_d Nybegynder
20. januar 2003 - 23:05 #10
Ole> Du har nok ret.

For dem som måtte være interesseret i det, er her i hvert fald hvad jeg kom frem til:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>This is DIV</title>
<SCRIPT>
var bTranState = 0;
function fnToggle() {
    oTransContainer.filters[0].Apply();
    if (bTranState=='0') {
        bTranState = 1;
        oDIV2.style.visibility="visible";
        oDIV1.style.visibility="hidden";}
    else { 
        bTranState = 0;
        oDIV2.style.visibility="hidden";
        oDIV1.style.visibility="visible";}
        oTransContainer.filters[0].Play();}
</SCRIPT>
</head>

<body>
her kan man lave et browsertjek. Hvis IE 5.5 + vis denne
<a href="#" onclick="fnToggle()" style="cursor: pointer; cursor: hand;">Toggle Transition</a>
ellers vis en alm. href.

<!-- This element has the filter applied. -->
<DIV ID="oTransContainer" STYLE="position:absolute; top: 0px; left: 0px; width: 100%; height:100%;  filter:progid:DXImageTransform.Microsoft.Slide(slideStyle='PUSH', bands=1) ">
  <!-- This is the first content that is displayed. -->
  <DIV ID="oDIV1" STYLE="position:absolute; top:0px; left:0px; width:100%; height:100%; background:gold">
    This is DIV #1  <a href="#" onclick="fnToggle()" style="cursor: pointer; cursor: hand;">Toggle Transition</a>
  </DIV>
  <!-- This content displays after the first content. -->
  <DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:0px; left:0px; width:100%; height:100%; background: yellowgreen; ">
    This is DIV #2 <a href="#" onclick="fnToggle()" style="cursor: pointer; cursor: hand;">Toggle Transition</a>
  </DIV>
</DIV>
</body>

</html>


mvh
Daniel
Avatar billede daniel_d Nybegynder
20. januar 2003 - 23:06 #11
Ole> Jeg ved godt href'en ikke virker som et rigtigt link længere, hvilket måske ikke er godt "kodet", men det var lidt i stil med det ovenfor jeg tænkte på da jeg spurgte...
Avatar billede olebole Juniormester
21. januar 2003 - 01:06 #12
Fedt, du kunne bruge det ... og tak for points  ;o)
/mvh
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 14:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
I går 11:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
White papers
Flere white papers »