Text streng

mouseover på hvad?

Mouseover på den forkortede textstreng.


Ved hurtigt svar giver jeg op til 300 point ekstra!!!

Noget ligende det her ????

<BODY>
<div id=MyLayer style="position:absolute;left:100;top:100;">
</div>
<SCRIPT LANGUAGE=javascript>
<!--
    var oldies = new Array()
    var oldiescount = 0;
    function Nothing(str, end, start){       
        oldies[oldiescount] = str;
        oldiescount++;
        Output = "<SPAN ID=MyID" + Nothing.count + " onmouseover=\"dolayeronmouseover(" + Nothing.count + ")\">";
        Nothing.count++;
        if (!start){
            Output += str.slice(0,end);
        }
        else{
            Output += str.slice(start,end);
        }
        Output += "</SPAN>"
        return Output
    }
   
    Nothing.count = 0;
   
    function dolayeronmouseover(oldienum){
        if (oldies[oldienum]){
            MyLayer.innerHTML = oldies[oldienum]
        }
    }
    document.write(Nothing("thisismylife1",7,1),"<br>")
    document.write(Nothing("thisismylife2",9,4),"<br>")
    document.write(Nothing("thisismylife3",10,5),"<br>")
    document.write(Nothing("thisismylife4",3),"<br>")
//-->
</SCRIPT>
</BODY>

Tilføj en mouseout og placer layer så originalstrengen starter på samme linje som den forkortede streng. Så er den hjemme!!!

Eller så teksten helt dækker...?

Det ordner du da lige selv med et par keystrokes...

<ole>

<html>
<head>
<script language="JavaScript"><!--

// --------- ret her ----------------
var str = "abcdefghijklmn";
var myLength = 5;
// ----------------------------------

var ie = document.all;
var ns = document.layers;

newStr = str.substring(myLength,str.length);
myStr = "<a href='#' onmouseover=tellMe(str) class=clLink>"+newStr+"</a>";

function tellMe(which){
    if (ie) {
    mydiv.innerHTML = which;
    }else if (ns){
        document.mydiv.document.open();
        document.mydiv.document.write(which);
        document.mydiv.document.close();
       
    }
}

//-->
</script>
<style type="text/css">
A.clLink{text-decoration:none; color:black}
#mydiv{position:absolute; left:200; top:50;}
</style>
</head>
<body bgcolor=white>

<div id="mydiv"></div>
<a href="java script:tellMe(myStr);">Test her</a>

</body>
</html>

</bole>

Du retter bare 'myLength' til den længde, du havde tænkt dig og str til din streng.
Plain and simple!
/Vh

Hvis du bare vil have dem til at skifte er det her nemmere...

    var StringList = new Array()
    var StringListCount = 0;
    StringList[0] = new Array(3)
    StringList[0][0] = "this is my life1";
    StringList[0][1] = 7;
    StringList[0][2] = 1;
    StringListCount++;
    StringList[1] = new Array(3)
    StringList[1][0] = "this is my life2";
    StringList[1][1] = 9;
    StringList[1][2] = 4;
    StringListCount++;
    StringList[2] = new Array(3)
    StringList[2][0] = "this is my life3";
    StringList[2][1] = 10;
    StringList[2][2] = 5;
    StringListCount++;
    StringList[3] = new Array(3)
    StringList[3][0] = "this is my life4";
    StringList[3][1] = 3;
    StringList[3][2] = null;
    StringListCount++;
   
    function WriteStrings(){
        for (i=0;i<StringListCount;i++){
            document.write("<SPAN onmouseover=ExpandString(" + i + ") onmouseout=CutString(" + i + ")>" + (StringList[i][0].slice(StringList[i][2],StringList[i][1])) + "</SPAN><br>")
        }
    }

    function CutString(ID){
        event.srcElement.innerHTML = StringList[ID][0].slice(StringList[ID][2],StringList[ID][1])
    }
   
    function ExpandString(ID){
        event.srcElement.innerHTML = StringList[ID][0]
    }
   
    WriteStrings()

Til mit svar:
Hvis du vil have første del af grundstrengen i stedet, retter du til:
newStr = str.substring(0,myLength);
/Vh

tlist >> Hvorfor laver du ikke dine scripts X-browser...?

olebole >> Hvorfor dog det ... Det står der jo ikke noget om :-) Real deal: Det er nemmere og hurtigere at få en forståelse af problemet (for mig) hvis jeg kun laver det ie derefter kan man jo bekymre sig on alle de andre... :-)

Men det får kmx jo ikke noget ud af...ufærdigt arbejde!  ;-))

Her kan du først vælge en streng og derefter trykke 'test' og lave mouseover:

<html>
<head>
<script language="JavaScript"><!--
var str = new Array();

// --------- ret her ----------------
str[0] = "abcdefghijklmn";
str[1] = "noget blabla";
str[2] = "noget mere blabla";
str[3] = "noget endnu mere blabla";
var myLength = 5;
// ----------------------------------

var ie = document.all;
var ns = document.layers;
var newStr;
var myStr;

function setStr(whichStr) {
    satStr = str[whichStr];
    newStr = satStr.substring(0,myLength);
    myStr = "<a href='#' onmouseover=tellMe(satStr) class=clLink>"+newStr+"</a>";
}

function tellMe(which){
    if (ie) {
    mydiv.innerHTML = which;
    }else if (ns){
        document.mydiv.document.open();
        document.mydiv.document.write(which);
        document.mydiv.document.close();
       
    }
}

//-->
</script>
<style type="text/css">
A.clLink{text-decoration:none; color:black}
#mydiv{position:absolute; left:200; top:50;}
</style>
</head>
<body bgcolor=white>

<div id="mydiv"></div>
<a href="java script:setStr('0');">V&aelig;lg streng '0'</a><br>
<a href="java script:setStr('1');">V&aelig;lg streng '1'</a><br>
<a href="java script:setStr('2');">V&aelig;lg streng '2'</a><br>
<a href="java script:setStr('3');">V&aelig;lg streng '3'</a><br><br>
<a href="java script:tellMe(myStr);">Test her</a>

</body>
</html>

/Vh

Øhhh... er det ikke ved at tage overhånd nu???

Jeg vil bare gerne have noget der viser ved mouseover og skjuler ved mouseout.

Layer skal placeres over / ved siden af den streng man kører musen hen over.
Ikke noget med at vælge, klikke eller noget som helst.

Det ser sgu ellers godt ud drenge, men jeg har ikke tid til selv at gå ind og rette i lortet. Bl.a fordi mit kendskab til JavaScript endnu ligger på et frimærke.

olebole >> Det var / er min mening at dette er et forum for "problem breakers" ikke "problem solvers" :-)) Derfor det ufærdige arbejde. :-)

Netop DET er en god pointe! ;-))
Derfor er det vel også et uafvigeligt 'must' at vise, hvordan de to hovedbrowsere skal have koden serveret forskelligt, grundet deres temmelig forskellige DOM. Resten er 'flødeskum' for folket ;-))

kmx >> Du har fået et komplet svar på netop det i
mit svar fra:  26-05-00 15:56:49
plus:  26-05-00 16:23:18

/Vh

HRRRMMMPPHH!!!!

Hvorfor virker det så ikke...?

Jamen, det gør det da også...! Hvad er det, du ikke kan få til at virke? Hvordan opfører det sig?
Tryk på linket 'Test her' og der skrives: 'abcde'. Lav en mouseover på disse fem bogstaver og der skrives: 'abcdefghijklmn'. Det sker i begge browsere.
/Vh

For en sikkerheds skyld er her den samlede kode med rettelsen, jeg beskrev ovenfor:

<html>
<head>
<script language="JavaScript"><!--
// --------- ret her ----------------
var str = "abcdefghijklmn";
var myLength = 5;
// ----------------------------------
var ie = document.all;
var ns = document.layers;
newStr = str.substring(0,myLength);
myStr = "<a href='#' onmouseover=tellMe(str) class=clLink>"+newStr+"</a>";
function tellMe(which){
    if (ie) {
    mydiv.innerHTML = which;
    }else if (ns){
        document.mydiv.document.open();
        document.mydiv.document.write(which);
        document.mydiv.document.close();
       
    }
}
//-->
</script>
<style type="text/css">
A.clLink{text-decoration:none; color:black}
#mydiv{position:absolute; left:200; top:50;}
</style>
</head>
<body bgcolor=white>
<div id="mydiv"></div>
<a href="java script:tellMe(myStr);">Test her</a>
</body>
</html>

Fint olebole, men det virker bare først når jeg klikker på den.
Er det miningen eller er det min browser IE5.5 der fucker alt op...?

Skal vi ikke ta' og ændre det til, at det er MIG, der fucker alt op i IE5.5...Hvem fanden er det her, der altid kæfter op om X-browser-kodning...?!?...Hehe! (Schh!...Hør lyden af røde ører, der blafrer!).
Lav denne linie:
    mydiv.innerHTML = which;
om til:
    document.all.mydiv.innerHTML = which;
;-))

Tror du mig hvis jeg siger at det stadig ikke virker...?

Nå hva faen... Nu gider jeg snart ikke det her mere...

Jeg får nogle andre til at lave det sidste, men mange tak ole.
Du får et par point senere.
(Du får lige chancen for at få det til at virke)

Det her er sidste bud (...?!?...):
    myStr = "<a href='#' onmouseover='tellMe(str);return true;' class=clLink>"+newStr+"</a>";
Det fungerer som sagt fint på MacG3 / IE5.0.

Takker, men fik du det til at virke?  ;-)

Sorry, det her forbandede PC-monster-shit gik ned (igen).

Nej jeg fik det ikke til at virke, men jeg mente at din ihærdighed skulle belønnes...

50 points gik til tlist for det hurtige svar, der "næsten" virkede.