[JS, CSS] Pagnina onder uitlijnen, niet scrollen

[Pin0]

Ik zit met het volgende:
op mijn website ligt de focus voor de gebruiker onder aan de pagina, dit is zo vanwege de opzet. zie www.nijdam.nu Omdat er in de site gebruik word gemaakt van de pijltjestoets omhoog(doskey) onstaat er een probleem als mijn pagina te lang word voor de browser.
De pagina moet eigenlijk altijd naar onder gescrold zijn. Dit kan ik wel oplossen door de javascript zo aan te passen dat ie automatisch naar onder gaat (anchor) zodat de cursor/dosprompt altijd zichtbaar is. Echter de browser scrolt omhoog wanneer de pijl omhoog wordt gebruikt, wat opzich logisch is omdat dat op de meeste websites ook van toepassing is.

Echter omdat dit voor mijn website minder belangrijk is dan de functie die ik gebruik voor de pijl omhoog zoek ik hier een oplossing voor.

Ik heb geprobeerd het scrollen helemaal uit te schakelen, wat niet kan. (Je kan wel de scrolbalken verbergen/uitschakelen met overflow: hidden; of scroll=no (IE only) etc.
Ook heb ik geprobeerd om de default functie van de pijltjes te overrulen net zoals ik dat bij de backspace heb gedaan.

Wie heeft hier nog andere suggesties of oplossingen voor, ook omdat ik bezig ben met een AJAX versie waarbij de content altijd langer wordt dan je scherm (net als de echte cmd.exe) en ik tree en dir /s aan het implementeren ben die logischerwijs ook resulteren in lange pagina's.

[Pin0]

na veel gezoek op verschillende fora en met google sinds de eerste post (bijna 4 uur geleden )

doet het uitvoeren van:

JavaScript:

window.scrollTo(0,1200);
// in combinatie met
event.returnValue=false; //voor IE
e.preventDefault(); //voor FF

na iedere verandering van de content met AJAX of een toets aanslag de truck, bovendien kan er nog wel gewoon gescrollt worden met de muis/pageup/pagedown

het begint steeds meer op dos te lijken...
(er is nog geen online voorbeeld)

[Room42]

offtopic:
Oh ... My ... GOD! Wat - een - briljante - site !!! Ik ben echt zwaar onder de indruk, vriend! Alleen jammer dat dir /s het niet doet (oh, duh... dat was je nog aan het implementeren, zie ik nu). En nog iets, ik heb 'find as you type' aan staan in Firefox, maar dat werkt ook niet zo lekker

PS: Ik zou geen DOS nastreven, maar de WinXP cmd box

[ Voor 15% gewijzigd door Room42 op 07-07-2006 16:58 ]

[user109731]

Room42 schreef op vrijdag 07 juli 2006 @ 16:56:

offtopic:
PS: Ik zou geen DOS nastreven, maar de WinXP cmd box

offtopic:
Dan heb je zn readme niet gelezen Commando "type readme.txt":
NB. Hoewel deze site gebasseerd is op de dosprompt(CMD.EXE) zoals die
meegeleverd wordt met Microsoft Windows XP ...

[ Voor 10% gewijzigd door user109731 op 07-07-2006 17:27 ]

[funkwurm]

offtopic:
owneee, wat vet. Maar tip (of ging je dat al doen?): haal de resultaten van de opdracht op met ajax en plaats ze erachter, op deze manier omdat ik steeds opnieuw weer dir doen.

[Pin0]

funkwurm schreef op vrijdag 07 juli 2006 @ 17:40:

offtopic:
owneee, wat vet. Maar tip (of ging je dat al doen?): haal de resultaten van de opdracht op met ajax en plaats ze erachter, op deze manier omdat ik steeds opnieuw weer dir doen.

Daar ben ik nu mee bezig daardoor kwam ik achter dat probleem in de eerste post
Find as you type in FF krijg ik niet in FF versie 1.5.0.4 dit schijnt ook problemen op te leveren met formulieren ed.. helaas staat het standaard aan ik weet niet of dit in FF 2 ook nog zo is (zal zijn)

[Room42]

Het staat niet standaard aan in FF (in 1.5+). Maar het is wel verdomde makkelijk! Ik betrap me er elke keer weer op in het wilde weg te gaan typen als ik weer es even in IE test... werkt niet (Maar ik zit 99.9% op firefox, hoor)

[ Voor 13% gewijzigd door Room42 op 07-07-2006 22:38 ]

[H@rry]

Meesterlijk!!

Maar misschien dat het nergens op slaat wat ik nu zeg maar toch:

je kan toch altijd als je een website heb zon url intikken met index.html#plekopdesite. Kan je daar icm. ajax niet wat mee doen?

*edit:

ik lees verkeerd, dat had je al gedaan
Maar je wil dus dat pijltjes niet als scroll functie worden gezien.

[ Voor 20% gewijzigd door H@rry op 08-07-2006 16:29 ]

[Pin0]

007BigHarry schreef op zaterdag 08 juli 2006 @ 16:26:
knip....

ik lees verkeerd, dat had je al gedaan
Maar je wil dus dat pijltjes niet als scroll functie worden gezien.

De volgende functie vangt de pijltjes toetsen goed af, in de overige functies die de inhoud aanpassen heb ik ook "window.scrollTo(0,1200);" gezet.

JavaScript:

function pijlen(e){ //functie voor onkeydown daar pijlen en backspace niet met onkeypress werken
     if(window.event){ //IE
          key = window.event.keyCode;     
          switch(key){
          case 8: event.returnValue=false; backspace(key); break //afvangen van backspace in IE alleen met onkeydown
          case 37: backspace(key); break //pijl links
          case 38: event.returnValue=false; cmd_array_loop('up'); break //pijl omhoog
          case 40: event.returnValue=false; cmd_array_loop('down'); break //pijl omlaag
          case 39: break //pijl rechts
          }
     }
     else{
          key = e.keyCode;     //firefox
          switch(key){
          case 37: backspace(key); break //pijl links
          case 38: e.preventDefault(); cmd_array_loop('up'); break //pijl omhoog
          case 40: e.preventDefault(); cmd_array_loop('down'); break //pijl omlaag
          case 39: break //pijl rechts
          }           
     }
window.scrollTo(0,1200); 
}

Dit "preventDefault(); en event.returnValue=false;" werkt vrij aardig...

[Verwijderd]

Is dit niet beter:

JavaScript:

window.scrollTo(0,document.body.scrollHeight);

Zodat je geen problemen krijgt als de pagina groter is dan 1200?

[funkwurm]

wel graag een ; na een break statement en zie ik daar een highlight-bug? (geen herkenning //-comments na break zonder ; )

[CH4OS]

funkwurm schreef op zondag 09 juli 2006 @ 15:00:
wel graag een ; na een break statement en zie ik daar een highlight-bug? (geen herkenning //-comments na break zonder ; )

Het is geen bug, als de ; na de break komt te staan, word de // wél als comment herkend... See for yourself:

JavaScript:

break // Je comment

en

JavaScript:

break; // Je comment

Let wel goed op het kleurverschil

[ Voor 5% gewijzigd door CH4OS op 10-07-2006 08:45 ]

[funkwurm]

GJ-tje schreef op maandag 10 juli 2006 @ 08:43:
[...]
Het is geen bug, als de ; na de break komt te staan, word de // wél als comment herkend... See for yourself:

JavaScript:

break // Je comment

en

JavaScript:

break; // Je comment

Let wel goed op het kleurverschil

GJ, ik zie wel dat de comment herkend wordt na de ;, maar ik vraag me af of dat wel klopt.

Voor zover ik weet zou javascript zelf (athans de implementaties die we kennen van IE, FF, enz.) dit ook als comment herkennen, waar de highlighter dat niet doet, en daarmee de hightlighter niet meer goed visueel maakt wat de browser interpreteerd (heb je 'm nog?):

JavaScript:

break // Je comment

[Rowanov]

Volgens de php referentie, begint een single-line comment vanaf // of # en loopt die tot het einde van de regel. Er zijn een aantal uitzonderingen, maar daar valt dit niet onder Ik denk dat je een bug in de highlighter te pakken hebt.

[Pin0]

Ik heb één en ander geimplementeerd met AJAX, het werkt erg goed vind ik zelf
Echter enkele dingen heb ik nog niet voor elkaar en dat zijn oa.

de color functie.
Ik moet op een een of andere manier de kleur variabelen die met php in een sessie worden bewaard, clientside mbv. javascript koppelen aan de tekst- en achtergrondkleur.

Ook moet ik nog iets bedenken voor de 'win311 grap' (type "win" in de opdrachtprompt) het plaatje komt nu wel tevoorschijn maar het zou mooi zijn als die div na een paar seconden weer verdween, dit kan volgens mij niet met js er is geen delay of pause functie oid.

Ook is er een scrollprobleem wanneer er een plaatje wordt bekeken. He plaatje laad namelijk trager dan de javascript wordt uitgevoerd waardoor deze de pagina nadat er naar beneden gescrold wordt langer maakt.

@dexus window.scrollTo(0,document.body.scrollHeight); is inderdaad mooier!

En nog wat andere php gerealteerde dos parameter kwesites die ik tzt. wel oplos.

Voor de geinterresseerden de javascript staat in de broncode, suggesties zijn welkom met de voetnoot dat dit geen scriptrequest is en ook geen debug request...

[Pin0]

Niemand sugesties ter verbetering van de javascript code?

Zie de broncode van deze website

[ Voor 2% gewijzigd door Pin0 op 13-07-2006 08:52 . Reden: link gefixed ]

[Glabbeek]

Pin0 schreef op dinsdag 11 juli 2006 @ 15:38:
Ook moet ik nog iets bedenken voor de 'win311 grap' (type "win" in de opdrachtprompt) het plaatje komt nu wel tevoorschijn maar het zou mooi zijn als die div na een paar seconden weer verdween, dit kan volgens mij niet met js er is geen delay of pause functie oid.

Je kan een timer opzetten die het plaatje weer laat verdwijnen:

JavaScript:

window.timer = window.setTimeout("methodToCall()", delay);

ps, in je laatste post verwijst de link naar 'http://deze'

[Verwijderd]

Pin0 schreef op dinsdag 11 juli 2006 @ 15:38:
de color functie.
Ik moet op een een of andere manier de kleur variabelen die met php in een sessie worden bewaard, clientside mbv. javascript koppelen aan de tekst- en achtergrondkleur.

sessies?
Waarom geen cookies, je kan dezetrouwens wel gebruiken.

Ook is er een scrollprobleem wanneer er een plaatje wordt bekeken. He plaatje laad namelijk trager dan de javascript wordt uitgevoerd waardoor deze de pagina nadat er naar beneden gescrold wordt langer maakt.

Je zou bij onload van het plaatje de scrollTo overnieuw kunnen uitvoeren.

[funkwurm]

een e met umlaut geeft bij mij (FF) een vraagteken. Gebruik gewoon &e uml; (zonder spatie) dat snapt elke browser.

en ideetjes: exit om het venster te sluiten?

dir *.txt of dir readme.txt geeft bestand niet gevonden, misschien leuk als hij ze wel degelijk vind als ze er zijn.

En dan misschien ook uitbreiden naar dir/s zodat je kunt zoeken

[ Voor 45% gewijzigd door funkwurm op 12-07-2006 21:17 ]

[Pin0]

die timer functie zal ik gaan proberen :-) (ik dacht dat dat om bepaalde redenen niet kon, javascript mag niet je browser overnemen ed...)

Wisselen van stylesheet zou kunnen, maar dan moet ik voor alle color mogelijkheden er een maken en dat zijn er 240

De dir /s functie zijn in de maak(Recursief!) en ik zal kijken wat ik met *.txt kan

voor die plaatjes, zou het helpen als ik de hoogte uitlees en deze in de <img> dmv. php meegeef?
zodat ie ipv. [img]"plaatje.jpg">[/img] oid genereerd...

[CH4OS]

funkwurm schreef op maandag 10 juli 2006 @ 20:14:
[...]

GJ, ik zie wel dat de comment herkend wordt na de ;, maar ik vraag me af of dat wel klopt.

Voor zover ik weet zou javascript zelf (athans de implementaties die we kennen van IE, FF, enz.) dit ook als comment herkennen, waar de highlighter dat niet doet, en daarmee de hightlighter niet meer goed visueel maakt wat de browser interpreteerd (heb je 'm nog?):

JavaScript:

break // Je comment

Sorry voor late reactie, maar ik snap je nog ja... Want ik doel op hetzelfde eigenlijk...

Dat ik zei van dat je goed op het kleurenverschil moet letten...
Ik ben kleurenblind en zie weinig verschil in de kleuren, moest echt goed kijken om het te zien

[Pin0]

Nu we het toch over kleuren hebben, kan iemand mij vertellen hoe ik met javascript clientside twee variabelen uit mijn sessie krijg?

Mijn color functie in php slaat de nieuwe voor en achtergrondkleur op in de sessie. Omdat de site nu met ajax werkt moet ik deze op een bepaalde manier clientside ophalen, mijn ajax kennis gaat nog niet zover dat ik weet hoe en of dit kan...
De kleuren moeten dan zonder de pagina te herladen dus, toegepast worden op de website...

[Room42]

Pin0, je kunt ze in een normale cookie zetten, je kunt ze via AJAX binnenhalen of gewoon in hidden text fields zetten in je source. Of direct in de js zetten natuurlijk, dat is het beste als het niet dynamisch is.

[Pin0]

Voor de geinterresseerden:

het scrolprobleem heb ik opgelost: php getimagesize() en de resultaten daarvan hoogte in de uitvoer... de hoogte is dan bekend voor het laden van de afbeelding

en die timer funftie is ook succesvol geimplmenteerd! (bedankt voor die tip!)