[Javascript] voor dummies (deel 8)

zondag 25 januari 2009 @ 08:53:16 #201

wc-eend

quote:
Op zondag 25 januari 2009 08:09 schreef Light het volgende:
Kun je die code niet beter tussen [ code] en [ /code] zetten? Wordt'ie veel beter leesbaar van.

Veranderd, tag stond niet goed..

zondag 25 januari 2009 @ 09:17:44 #202

Light

Die spoiler om de code mag wel weg hoor, tenzij je denkt dat de code zo slecht is dat je er anderen mee afschrikt.
Overigens denk ik niet dat het een javascriptprobleem is; die paar regels javascript in de code zien er wel goed uit.

fokstok.nl

zondag 25 januari 2009 @ 19:35:26 #203

mcDavid

Ik heb een gallery met een lightbox gemaakt... om direct naar een foto te kunnen linken plaats ik met javascript het nummer van desbetreffende foto achter de hash in de url. In firefox werkt dat, maar IE7 geeft een maffe foutmelding als je zo'n url opent! Iemand enig idee hoe dat komt?

gallery: http://hockeyfeesthoevelaken.nl/fotoboek.php
deeplink naar foto: http://hockeyfeesthoevelaken.nl/fotoboek.php?page=0#0 (deze geeft dus de foutmelding in IE7)

verantwoordelijke stukje script:

1
2
3
4
5
6
7
8

if (location.hash) //checken of hash bestaat
   {
   var x = location.hash.slice(1); //nummer eruit knippen
   if (document.getElementById("img" + x )){
      var y = document.getElementById("img" + x ).name; //bijbehorende fotonaam uit de DOM halen
      openPic(y,x); //lightbox openen met (fotonaam,fotonummer)
   }
}

//edit:
nog wat extra info:
- het bovenstaande script wordt wel gewoon geheel uitgevoerd, maar daarna geeft'ie de melding :

quote:
de website http://enz. kan niet worden geopend.
de bewerking is afgebroken

[ Bericht 4% gewijzigd door mcDavid op 25-01-2009 19:44:33 ]

zondag 25 januari 2009 @ 19:49:50 #204

HuHu

quote:
Op zondag 25 januari 2009 19:35 schreef mcDavid het volgende:
Ik heb een gallery met een lightbox gemaakt... om direct naar een foto te kunnen linken plaats ik met javascript het nummer van desbetreffende foto achter de hash in de url. In firefox werkt dat, maar IE7 geeft een maffe foutmelding als je zo'n url opent! Iemand enig idee hoe dat komt?

gallery: http://hockeyfeesthoevelaken.nl/fotoboek.php
deeplink naar foto: http://hockeyfeesthoevelaken.nl/fotoboek.php?page=0#0 (deze geeft dus de foutmelding in IE7)

verantwoordelijke stukje script:
[ code verwijderd ]

//edit:
nog wat extra info:
- het bovenstaande script wordt wel gewoon geheel uitgevoerd, maar daarna geeft'ie de melding :
[..]

Op Experts Exchange lees ik iets dat de JavaScript code eerder wordt uitgevoerd dan de pagina wordt gerendered en bepaalde dingen dus nog niet beschikbaar zijn voor IE. Een oplossing zou zijn je JavaScript code een paar milliseconden te laten wachten.

Zie: http://www.experts-exchan(...)ript/Q_23514976.html Alleen kan ik die pagina niet goed lezen, omdat je lid moet zijn enzo.

zondag 25 januari 2009 @ 20:06:20 #205

mcDavid

Dat helpt inderdaad! Dankjewel!

-edit-
vervolgvraag:
als iemand weet waarom die 'volgende' knop niet verschijnt als hij de lightbox via de hash opent... mag diegene het zeggen

maandag 26 januari 2009 @ 00:39:04 #206

Roy_T

Aan het onload event van het document hangen, is dat niet een stuk praktischer

maandag 26 januari 2009 @ 13:50:04 #207

mcDavid

zo heb ik het nu idd. Zelfde effect maar dan zonder de halve seconde vertraging

maandag 26 januari 2009 @ 14:21:20 #208

GlowMouse

l'état, c'est moi

quote:
Op zondag 25 januari 2009 19:49 schreef HuHu het volgende:

[..]

Zie: http://www.experts-exchan(...)ript/Q_23514976.html Alleen kan ik die pagina niet goed lezen, omdat je lid moet zijn enzo.

Zorgen dat Google in je referer staat en dan flink scrollen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<html>
<script type="text/javascript">
   document.cookie = "divBottom";

   function test()
   {
      window.location.hash = '#' + document.cookie;
   }
</script>
<body onload="test()">
   <div id="divTop" style="height:1000">Top</div>
   <div id="divBottom">Bottom</div>
</body>
</html>

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

maandag 26 januari 2009 @ 14:22:19 #209

HuHu

quote:
Op maandag 26 januari 2009 14:21 schreef GlowMouse het volgende:

[..]

Zorgen dat Google in je referer staat en dan flink scrollen.
[ code verwijderd ]

Ik gebruik geen Firefox

. Maar ik laad de pagina altijd in de Google Cache, dat werkt ook.

maandag 26 januari 2009 @ 20:37:59 #210

Flaccid

Ik heb een div die na een tijd getoond word door een simpele select element by id dmv een onclick. En dan display:inline oid. Nu komt ie wel tevoorschijn, maar kan dit misschien iets smoother? Met een fade of met het lightbox resize dingetje?

woensdag 28 januari 2009 @ 14:41:59 #211

Chandler

Weet iemand hoe je snel een selectbox kunt dupliceren middels javascript? ik heb gezocht maar niet gevonden.

dus gewoon simpel gezegd in 1x de gehele inhoud van een selectbox kopieren van de ene naar de ander that's all.. nu dacht ik zelf aan een functie die alle items doorloopt maar lijkt het mij handiger als dit in 1x gedaan zou kunnen worden..

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 28 januari 2009 @ 14:46:42 #212

HuHu

quote:
Op woensdag 28 januari 2009 14:41 schreef Chandler het volgende:
Weet iemand hoe je snel een selectbox kunt dupliceren middels javascript? ik heb gezocht maar niet gevonden.

dus gewoon simpel gezegd in 1x de gehele inhoud van een selectbox kopieren van de ene naar de ander that's all.. nu dacht ik zelf aan een functie die alle items doorloopt maar lijkt het mij handiger als dit in 1x gedaan zou kunnen worden..

Middels cloneNode() de selectbox kopiëren en ergens anders weer aan hangen?

woensdag 28 januari 2009 @ 15:40:39 #213

Roy_T

Idd, gewoon clonen. Kun je als het nodig is voor je script daarna simpelweg de name veranderen ofzo.

woensdag 28 januari 2009 @ 16:16:04 #214

Chandler

idd maar hoe doe ik dat dan? de naam van het element veranderen (ik heb niet zoveel kaas gegeten van deze functies).

Functie tips?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 28 januari 2009 @ 16:18:24 #215

HuHu

Uit m'n hoofd iets wat lijkt op dit:

1
2
3
4

a = document.getElementById('a');
b = a.cloneNode(true);

document.getElementById('andere_node').appendChild(b);

woensdag 28 januari 2009 @ 22:04:33 #216

Roy_T

met setAttribute() moet je een eind komen

woensdag 28 januari 2009 @ 22:21:37 #217

SuperRembo

Sinds 1998

quote:
Op woensdag 28 januari 2009 22:04 schreef Roy_T het volgende:
met setAttribute() moet je een eind komen

Als het enigsins mogelijk is kan je beter gewoon de property gebruiken in plaats van setAttribute. Dat levert cross-browser veel minder problemen op.

Dus

1
2
3
4

var field = document.getElementById('mySelect');
var fieldCopy = field.cloneNode(true);
fieldCopy.name = 'copy';
container.appendChild(fieldCopy);

Wel ff opletten dat er in IE een bug zit waardoor zo'n nieuw form wel niet aan de form.elements array wordt toegevoegd.

zondag 1 februari 2009 @ 11:32:06 #218

hello_moto1992

Op de frontpage en kpnvandaag.nl kun je de blokjes verplaatsen. Ik heb binnen een <div> drie andere blokjes (divs) staan, die ik op die manier verticaal verplaatsbaar zou willen maken. Is hier een standaard scriptje voor?

^{Volgens mij heb je hier javascript voor nodig}

zondag 1 februari 2009 @ 11:40:48 #219

veldmuis

http://demos111.mootools.net/DragDrop

zondag 1 februari 2009 @ 11:46:58 #220

hello_moto1992

quote:
Op zondag 1 februari 2009 11:40 schreef veldmuis het volgende:
http://demos111.mootools.net/DragDrop

Bedankt voor de link, dit zit al mooi in de richting

Maar ik snap niet zoveel van dat script, met dat script kun je toch alleen maar blokjes groter maken?

zondag 1 februari 2009 @ 13:09:53 #221

Light

quote:
Op zondag 1 februari 2009 11:46 schreef hello_moto1992 het volgende:

[..]

Bedankt voor de link, dit zit al mooi in de richting

Maar ik snap niet zoveel van dat script, met dat script kun je toch alleen maar blokjes groter maken?

Nee, dat script maakt blokjes groter, als voorbeeld. Dan zie je duidelijk wat er gebeurt. Je zou ook de kleur kunnen aanpassen. Of iets anders, maar dat moet je dan wel zelf schrijven.

fokstok.nl

zondag 1 februari 2009 @ 13:56:21 #222

veldmuis

Je kunt ook even zoeken of jquery een drag&drop-iets heeft. jquery is ook een mooie library.
Oh, en je hebt ook nog prototype, die heeft vast ook wel zoiets.

Ik zou iig voor een library gaan, zelf schrijven kost véél meer tijd.

woensdag 4 februari 2009 @ 23:08:14 #223

ds-polleke

ik heb iets geks..
twee snippets code die WEL werken onder safari, konqueror, opera, internet explorer, (firefox onder windows en opensuse) maar niet onder firefox onder ubuntu 8.10

Iemand een suggestie?

hier de code voor een menu met alternerende images (mouseover)
het probleem is dat het laatste item onder ff onder ubuntu helemaal niet te zien

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

als ik echt blind ben.. laat het me maar weten

woensdag 4 februari 2009 @ 23:12:41 #224

SuperRembo

Sinds 1998

Heb je niet een eenvoudigere testcase? En wat is werkt er dan niet? Staat 't misschien ergens online zodat 't makkelijker te testen is?

woensdag 4 februari 2009 @ 23:21:22 #225

Light

En waarom gebruik je het attribuut name bij de img-tag? Je kunt beter "id" gebruiken. En je kunt ook met a:hover {} dingen veranderen, dan hoef je geen javascript te gebruiken. Maar dat gaat niet werken met img-afbeeldingen, dan moet je overschakelen naar achtergrondafbeeldingen.

fokstok.nl

woensdag 4 februari 2009 @ 23:27:55 #226

ds-polleke

zoals ik al post is " het werkt niet" dat in ff onder ubuntu 8.04 het laatste item niet laat zien.. En volgens mij is de testcase redelijk eenvoudig ivm de herhaling (alleen de oplopende nummering en de filenames zijn anders

woensdag 4 februari 2009 @ 23:34:00 #227

ds-polleke

quote:
Op woensdag 4 februari 2009 23:12 schreef SuperRembo het volgende:
Heb je niet een eenvoudigere testcase? En wat is werkt er dan niet? Staat 't misschien ergens online zodat 't makkelijker te testen is?

het probleem is dat ik het als screendump heb gekregen en later zelf heb ondervonden onder suse doet 'ie het wel

woensdag 4 februari 2009 @ 23:40:19 #228

Light

quote:
Op woensdag 4 februari 2009 23:34 schreef ds-polleke het volgende:

[..]

het probleem is dat ik het als screendump heb gekregen en later zelf heb ondervonden onder suse doet 'ie het wel

Als je het als screendump hebt gekregen, staat die site vast ook ergens online. Da's makkelijker meekijken.

fokstok.nl

woensdag 4 februari 2009 @ 23:48:44 #229

ds-polleke

www.tohoewabohoe.nl

woensdag 4 februari 2009 @ 23:57:10 #230

SuperRembo

Sinds 1998

Het probleem zit 'm in de mix van vreselijk ouderwetse code en zogenaamd moderne xhtml. Het verbaasd me eigenlijk dat die regels als 'image1.src = "images/homeo.png" alt="home";' niet meer javascriptfouten opleveren.

_{Ouderwetse code past dan wel weer goed bij de inhoud van de site.}

donderdag 5 februari 2009 @ 00:03:05 #231

Light

Ik heb hetzelfde probleem hier (Firefox 3, Gentoo Linux). Als ik de css aanpas zodat #menu drie pixels breder wordt, dan past het wel. Maar de opbouw van het menu (en de site) is niet echt handig, ik kan bijvoorbeeld niet vinden hoe de afstand tussen de menuplaatjes wordt bepaald (en of het dus altijd op 3 pixels hangt of ook wel eens op 4 of 5 of 10).

fokstok.nl

donderdag 5 februari 2009 @ 00:10:32 #232

ds-polleke

dat stukje hopeloos ouderwetse code is geschreven door mijn vormgever..

Ik ga eens stechelen met mijn vormgevert of dit niet anders kan..

nu nog checken of het met 10 pixels meer in #menu op de meeste systemen genoeg is..

donderdag 5 februari 2009 @ 00:14:27 #233

ds-polleke

oh ja.. thx for the help

donderdag 5 februari 2009 @ 00:25:53 #234

Light

quote:
Op donderdag 5 februari 2009 00:10 schreef ds-polleke het volgende:
dat stukje hopeloos ouderwetse code is geschreven door mijn vormgever..

Dan moet die zich eens laten bijscholen

quote:
Ik ga eens stechelen met mijn vormgevert of dit niet anders kan..

Genoeg mogelijkheden. Het menu kun je als een unordered list maken, dan kun je ook precies aangeven wat de afstand tussen de elementen moet zijn. En met achtergrondplaatjes bij de linkjes heb je geen javascript nodig.

Oh, de negatieve margins zijn ook al niet handig/nodig. Met een goede opzet heb je die niet/nauwelijks nodig.

quote:
nu nog checken of het met 10 pixels meer in #menu op de meeste systemen genoeg is..

Ik denk het wel, maar een andere opzet van #menu is beter.

1
2
3
4
5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

#menu {
  width: 720px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  width: 100px;
  margin: 0;
  padding: 0;
}
#menu li a {
  text-indent: -999em;
  display: block;
}
#menu #home {
  background: url(images/home.jpg);
}
#menu #home:hover {
  background: url(images/home_over.jpg);
}

Dat lijkt me wel genoeg als voorbeeld

fokstok.nl

donderdag 5 februari 2009 @ 00:32:40 #235

ds-polleke

toch wel leuk dat ik in mijn "oude" setup ik een <ul> gebruikte

Ik ga hier eens (offline) mee spelen

nogmaals bedankt en welterusten

donderdag 5 februari 2009 @ 07:18:12 #236

Light

Oh, er ontbreken nog wel dingen in die css. Maar daar mag je zelf mee gaan stoeien.

fokstok.nl

donderdag 5 februari 2009 @ 11:26:38 #237

Roy_T

quote:
Op zondag 1 februari 2009 13:56 schreef veldmuis het volgende:
Je kunt ook even zoeken of jquery een drag&drop-iets heeft. jquery is ook een mooie library.
Oh, en je hebt ook nog prototype, die heeft vast ook wel zoiets.

Het zit standaard in jQuery UI, en als je Prototype gebruikt kun je Scriptaculous gebruiken. Eigenlijk iedere library heeft wel drag & drop functionaliteit.

quote:
Ik zou iig voor een library gaan, zelf schrijven kost véél meer tijd.

Amen. Als het al lukt als beginner.

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 11:53:02 #238

Swetsenegger

Egocentrische Narcist

Korte vraag,

kan ik een functie aanroepen met een array.

dus:

1	onload="parseXML('vendor_name','device_name','product_code','wan_uptime')"

Want mijn functie geeft terug dat i undefined is:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

.innerHTML=xmlDoc.getElementsByTagName

[0].childNodes[0].nodeValue;
}
}

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 12:04:11 #239

veldmuis

Korte suggestie: gebruik de XMLHttpRequest. Ik heb dat stukje script wat jij daar hebt ook gebruikt, en Chrome en ik mee Safari snappen dat niet.

woensdag 11 februari 2009 @ 12:07:12 #240

HuHu

Werkt dit niet:

1	parseXML(new Array('vendor_name','device_name','product_code','wan_uptime'))

woensdag 11 februari 2009 @ 12:09:18 #241

Roy_T

quote:
Op woensdag 11 februari 2009 11:53 schreef Swetsenegger het volgende:

kan ik een functie aanroepen met een array.

Moet je er wel een array in stoppen, dus:

1	onload="parseXML(['vendor_name','device_name','product_code','wan_uptime'])"

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:39:47 #242

Swetsenegger

Egocentrische Narcist

Ik heb het opgelost met split

En ik gebruik het nu in Safari (op windows) Veldmuis. Zal zo even met chrome testen.

De volgende stap wordt schrijven naar xml vanuit clientside. Daar zal ik denk ik sowieso met ajax calls moeten gaan werken denk ik.

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:47:53 #243

Swetsenegger

Egocentrische Narcist

Chrome heeft inderdaad geen xml parser, wat een gezeik.
-edit- Safari inderdaad ook niet, bleek in firefox aan het testen te zijn

Nou ja.... xmlhttprequest dan maar.

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 12:49:25 #244

veldmuis

Dit is een prima vervanging:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:52:38 #245

Swetsenegger

Egocentrische Narcist

xmlPath is de file neem ik aan?

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 12:57:39 #246

Swetsenegger

Egocentrische Narcist

werkt, thanks.
Nu schrijven

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 13:03:04 #247

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik heb icm met AJAX een aantal kolomen zoals in dit voorbeeld:

De gebruiker kan al op een interactive manier de kolomen verplaatsen etc, maar nu zou het mooi zijn
als het ook mogelijk is om de kolom breedte aan te kunnen passen, door te slepen.

Heb het vaker gezien, dus het zou mogelijk moeten zijn. Iemand een idee hoe te doen??

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 13:12:20 #248

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 11 februari 2009 13:03 schreef Likkende_Lassie het volgende:
Ik heb icm met AJAX een aantal kolomen zoals in dit voorbeeld:

[ afbeelding ]

De gebruiker kan al op een interactive manier de kolomen verplaatsen etc, maar nu zou het mooi zijn
als het ook mogelijk is om de kolom breedte aan te kunnen passen, door te slepen.

Heb het vaker gezien, dus het zou mogelijk moeten zijn. Iemand een idee hoe te doen??

kijk eens naar een framework zoals mootools bijvoorbeeld: http://demos111.mootools.net/Resizable

 | FOK! Schrikkelbaasch

woensdag 11 februari 2009 @ 13:19:23 #249

Roy_T

Of Prototype/Scriptaculous, of jQuery, of ...

Whatever floats your boat

woensdag 11 februari 2009 @ 13:56:15 #250

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik moet de waarde vervolgens wel weer in PHP zien te krijgen

woensdag 11 februari 2009 @ 14:16:36 #251

Likkende_Lassie

Doe eens wat aan je ondertitel

Ik heb dit nu als javascriptcode:

1
2
3
4
5
6
7
8
9
10

      window.addEvent('domready', function(){

         /* Resizable with Horizontal Limit */
         $('resizable5').makeResizable({
            modifiers: {x: 'width', y: false},
            limit: {x: [50, 800]}

         }
         );
      });

Opzich best simpel, maar hoe haal ik nu de waardes er uit zodra er iets wordt veranderd?

woensdag 11 februari 2009 @ 14:27:23 #252

Roy_T

Je kunt vast ergens een callback toevoegen die wordt uitgevoerd als iemand klaar is met resizen, waarbinnen je de beschikking hebt over de nieuwe maten. Daarin kun je dan een AJAX POST doen naar je PHP-script

woensdag 11 februari 2009 @ 14:30:32 #253

Likkende_Lassie

Doe eens wat aan je ondertitel

quote:
Op woensdag 11 februari 2009 14:27 schreef Roy_T het volgende:
Je kunt vast ergens een callback toevoegen die wordt uitgevoerd als iemand klaar is met resizen, waarbinnen je de beschikking hebt over de nieuwe maten. Daarin kun je dan een AJAX POST doen naar je PHP-script

Dat is inderdaad de bedoeling

maar waar in die functie?

woensdag 11 februari 2009 @ 14:35:40 #254

Likkende_Lassie

Doe eens wat aan je ondertitel

Denk dat ik iets met document.getElementById('resizable5') moet doen, ff proberen

woensdag 11 februari 2009 @ 14:42:41 #255

Likkende_Lassie

Doe eens wat aan je ondertitel

Gelukt! :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

:D

woensdag 11 februari 2009 @ 15:00:11 #256

Roy_T

quote:
Op woensdag 11 februari 2009 14:30 schreef Likkende_Lassie het volgende:

Dat is inderdaad de bedoeling maar waar in die functie?

Dat zal vast in de docs staan van de gebruikte JS library. Dat is voor ons natuurlijk koffiedik kijken

woensdag 11 februari 2009 @ 15:02:21 #257

Roy_T

En waar wordt saveWidth() aangeroepen dan?

Ik zou echt even in de API docs kijken naar een callback die je direct in makeResizable() op kunt nemen, imo een stuk netter.

woensdag 11 februari 2009 @ 15:30:10 #258

Likkende_Lassie

Doe eens wat aan je ondertitel

quote:
Op woensdag 11 februari 2009 15:02 schreef Roy_T het volgende:
En waar wordt saveWidth() aangeroepen dan?

Ik zou echt even in de API docs kijken naar een callback die je direct in makeResizable() op kunt nemen, imo een stuk netter.

Door een "onmouseup"

Probleem hiervan is wel, dat als je de muis buiten de div loslaat, wordt er niets opgeslagen...

woensdag 11 februari 2009 @ 15:36:37 #260

Roy_T

quote:
Op woensdag 11 februari 2009 15:30 schreef Likkende_Lassie het volgende:

[..]

Door een "onmouseup"

Probleem hiervan is wel, dat als je de muis buiten de div loslaat, wordt er niets opgeslagen...

Ik heb maar even voor je gekeken, want dat is inderdaad geen oplossing

In de docs staat écht heel duidelijk:

1
2
3
4
5

var myResize = $('myElement').makeResizable({
    onComplete: function(){
        alert('Done resizing.');
    }
;

Heb je überhaupt die documentatie gelezen?

FOK!-Schrikkelbaas woensdag 11 februari 2009 @ 15:40:01 #261

Swetsenegger

Egocentrische Narcist

Weet iemand of ik met javascript, via SOAP een node kan aanpassen in een XML file op de server?

-edit- laat ik het anders zeggen. Weet iemand of het mogelijk is om op een embedded linux device vanuit de GUI middels clientside scripting informatie in een xml file te schrijven aan de 'server' kant. Waarbij ze dus beide op hetzelfde lokale filesystem draaien.

[ Bericht 59% gewijzigd door Swetsenegger op 11-02-2009 16:26:25 ]

 | FOK! Schrikkelbaasch

donderdag 12 februari 2009 @ 16:18:10 #262

Superheld

BREDA

Ik zoek een prijsberekenings script / uitleg hoe te maken maar vind weinigs, zoek zoiets als deze

Iemand een zoekterm, site of script hiervoor?

Chris van Nijnatten: "Het gevoel dat NAC iets onmetelijks was, iets Bredaas en iets ongelooflijk moois en warms, zelfs zo mooi en warm dat je er letterlijk voor ten strijde wilde trekken"

donderdag 12 februari 2009 @ 16:24:12 #263

Roy_T

quote:
Op woensdag 11 februari 2009 15:40 schreef Swetsenegger het volgende:
Weet iemand of ik met javascript, via SOAP een node kan aanpassen in een XML file op de server?

-edit- laat ik het anders zeggen. Weet iemand of het mogelijk is om op een embedded linux device vanuit de GUI middels clientside scripting informatie in een xml file te schrijven aan de 'server' kant. Waarbij ze dus beide op hetzelfde lokale filesystem draaien.

Ook na je edit snap ik niet echt wat je wilt doen

Je wilt JS draaien op je linux ding, en die iets laten schrijven op het filesystem (als de server datzelfde ding is)

donderdag 12 februari 2009 @ 16:25:55 #264

Roy_T

quote:
Op donderdag 12 februari 2009 16:18 schreef Superheld het volgende:
Ik zoek een prijsberekenings script / uitleg hoe te maken maar vind weinigs, zoek zoiets als deze

Iemand een zoekterm, site of script hiervoor?

Nee, want daar is het te simpel voor

Het komt neer op de waarde van select 1 en select 2 bij elkaar optellen, en het resultaat daarvan te tonen in een div (of input, of whatever). Dat moet te doen zijn denk ik, voor een beginner

vrijdag 27 februari 2009 @ 21:18:47 #265

The_Terminator

Ik weet niet zeker of het goed in dit topic past, maar gezien het met javascript icm div's temaken heeft toch maar een poging.

Ik ben een dynamische pagina aan het maken waarbij het mogelijk is een aantal div's te sluiten. Ook moeten divs die niet zichtbaar zijn gesloten worden, en dit lijkt nogal een probleem te zijn in IE, in FF gaat alles wel naar wens.

Ik sluit de divs doormiddel van een loopje in Javascript, deze loop maakt alle divs met een bepaalde id onzichtbaar door de display eigenschap op 'none' te zetten. De zichtbare divs vormen geen probleem, echter werk ik met meerdere pagina's die allemaal voorgeladen zijn, zodat het switchen tussen de pagina's lekker snel gaat.

Als ik nu naar een pagina ga waarbij de div's gesloten zijn toen de pagina nog niet zichtbaar was, dan is de inhoud (een paar tabellen) van de divs binnen die pagina nog zichtbaar. Niet de hele tabel is zichtbaar, alleen de achtergrondkleur van de cellen.

Als ik vervolgens deze divs weer volledig zichtbaar maak dan loopt de achtergrondkleur van de cellen door de andere inhoud heen, en dat is erg vervelend en ziet er niet uit.

Blijkbaar vind IE het niet zo leuk dat een eigenschap van een niet zichtbare div aangepast wordt, en laat een gedeelte van de inhoud staan. Ik heb het volgende geprobeerd:

-Alle divs een eigen achtergrondkleur geven, dit was namelijk eerst niet voor alle divs gedefinieerd
-Voordat de loop begint de onzichtbare divs zichtbaar maken, vervolgens de eigenschap aanpassen en dan weer onzichtbaar maken
-Alle inhoud van de te sluiten divs ook verbergen dmv jQuery

Bovenstaande heeft niet mogen baten, ik ik heb werkelijk geen idee hoe dit op te lossen is. Zoals aangegeven gebeurd dit alleen in IE, niet in Fx.

Iemand een idee om deze vervelende bug te omzeilen?

zaterdag 28 februari 2009 @ 10:06:31 #266

SuperRembo

Sinds 1998

Wat voorbeeldcode of een simpele testcase zou handig zijn.

zaterdag 28 februari 2009 @ 15:12:16 #267

The_Terminator

quote:
Op zaterdag 28 februari 2009 10:06 schreef SuperRembo het volgende:
Wat voorbeeldcode of een simpele testcase zou handig zijn.

Een testcase kan ik wel ff maken, alleen ben ik bang dat dat pas morgen wordt... De code zelf kan ik hier helaas niet posten.

zondag 1 maart 2009 @ 21:55:54 #268

Flaccid

1	onmouseover="document.getElementById('previewbox').style.background-color = '#000000';"

Waarom werkt dit niet? Als ik bijvoorbeeld de tekstkleur wil aanpassen, werkt dat wel...

zondag 1 maart 2009 @ 22:08:09 #269

Roy_T

Dit had je in 1 seconde kunnen opzoeken, maar vooruit: je moet in JS geen dashes maar camelCasing gebruiken: backgroundColor dus.

zondag 1 maart 2009 @ 23:10:04 #270

Flaccid

quote:
Op zondag 1 maart 2009 22:08 schreef Roy_T het volgende:
Dit had je in 1 seconde kunnen opzoeken, maar vooruit: je moet in JS geen dashes maar camelCasing gebruiken: backgroundColor dus.

En hetzelfde geld dus ook voor backgroundImage?

zondag 1 maart 2009 @ 23:12:43 #271

Roy_T

quote:
Op zondag 1 maart 2009 23:10 schreef Flaccid het volgende:

[..]

En hetzelfde geld dus ook voor backgroundImage?

Voor alles met een -.

maandag 2 maart 2009 @ 16:08:55 #272

The_Terminator

De testcase: http://www.thuisserver.net/temp/test.php

Broncode: http://www.thuisserver.net/temp/bron.txt (rechtsklik->opslaan als)

Het is heel simpel om het probleem zichtbaar te maken. Als je de pagina opent dan ben je op pagina1, ga nu vervolgens naar pagina 2, klik dan op 'alles inklappen' en ga terug naar pagina 1, de layout is dan verneukt. Als je daarna alles inklapt en weer uitklapt dan is het weer goed.

Dit probleem treed niet op in Fx, alleen bij IE gaat het mis.

[ Bericht 8% gewijzigd door The_Terminator op 02-03-2009 16:34:32 ]

maandag 2 maart 2009 @ 19:38:50 #273

SuperRembo

Sinds 1998

Het heeft in iedere geval te maken met prosition:relative. Als je die weg laat werkt het ook in IE.

Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.

maandag 2 maart 2009 @ 20:48:21 #274

The_Terminator

quote:
Op maandag 2 maart 2009 19:38 schreef SuperRembo het volgende:
Het heeft in iedere geval te maken met prosition:relative. Als je die weg laat werkt het ook in IE.

Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.

Thanks, probleem verholpen. Overigens was dat met die numerieke id's alleen even voor de test, in mijn werkelijke applicatie staat er iets voor, net als bij de pagina divs.

dinsdag 3 maart 2009 @ 20:19:38 #275

Flaccid

Ik heb een div die ik laat zien door middel van een div die standaard op display:none staat en door een simpele onclick display:inline maakt. Dit is wat ik nu heb. www.jeroencoelen.nl. Nog tips? Ik wil mss een fade in doen bij mn portfolio en contact dingetje. Doen of niet doen?

dinsdag 3 maart 2009 @ 21:33:15 #276

SuperRembo

Sinds 1998

Ik zou eerst een mooiere oplossing voor "Close [X]" verzinnen. Het zou ook mooi zijn als alles ook zonder javascript te bekijken zou zijn.

woensdag 4 maart 2009 @ 11:53:06 #277

Flaccid

quote:
Op dinsdag 3 maart 2009 21:33 schreef SuperRembo het volgende:
Ik zou eerst een mooiere oplossing voor "Close [X]" verzinnen. Het zou ook mooi zijn als alles ook zonder javascript te bekijken zou zijn.

Dat laatste is al besproken, ik laat het zo.

Ja ik weet niet wat ik daar kan neerzetten, eerst had ik een plaatje, maar dat was heel lelijk.

Anders nog iets:

1
2
3
4
5
6
7
8
9
10
11
12

function scroll(){
var scrolling = document.getElementById('iframe').scrolling
   switch (scrolling)
   {
      case 'no':
         document.getElementById('iframe').scrolling = 'yes';
         break;
      case "yes":
         document.getElementById('iframe').scrolling = 'no';
         break;
   }
}

Doet het niet in IE7. Wel in FF

woensdag 4 maart 2009 @ 12:07:04 #278

Roy_T

Los van je probleem: 3 keer document.getElementById('iframe' zorgt voor onnodige overhead.

Beter zoek je 'm 1 keer op in de DOM en zet de referentie in een variabele, die je vervolgens gebruikt.

woensdag 4 maart 2009 @ 12:36:48 #279

Flaccid

quote:
Op woensdag 4 maart 2009 12:07 schreef Roy_T het volgende:
Los van je probleem: 3 keer document.getElementById('iframe' zorgt voor onnodige overhead.

Beter zoek je 'm 1 keer op in de DOM en zet de referentie in een variabele, die je vervolgens gebruikt.

Zo goed kan ik niet javascripten.

woensdag 4 maart 2009 @ 12:38:57 #280

mschol

quote:
Op woensdag 4 maart 2009 12:36 schreef Flaccid het volgende:

[..]

Zo goed kan ik niet javascripten.

volgens mij bedoelt hij zoiets:

1
2
3
4
5
6
7
8
9
10
11
12

function scroll(){
var frame = document.getElementById('iframe')
   switch (frame.scrolling)
   {
      case 'no':
         frame.scrolling = 'yes';
         break;
      case "yes":
         frame.scrolling = 'no';
         break;
   }
}

woensdag 4 maart 2009 @ 12:44:44 #281

Roy_T

Dat bedoelde ik ja

woensdag 4 maart 2009 @ 13:09:26 #282

Flaccid

quote:
Op woensdag 4 maart 2009 12:38 schreef mschol het volgende:

[..]

volgens mij bedoelt hij zoiets:
[ code verwijderd ]

Ik wist niet eens dat dat zo kon!

Maar nogsteeds doet hij het niet in IE

woensdag 4 maart 2009 @ 23:07:25 #283

SuperRembo

Sinds 1998

Op zich is je script goed (hoewel het wat efficienter kan), het probleem is dat de waarde van de scrolling property wel veranderd, maar dat het veel browsers (IE, Chrome) gewoon geen effect heeft.

1
2
3
4
5

function toggleScrolling(id)
{
var el = document.getElementById(id);
el.scrolling = (el.scrolling == 'yes' ? 'no' : 'yes');
}

Je kan proberen of je het met css wel voor elkaar krijgt. Bijvoorbeeld met overflow.

donderdag 5 maart 2009 @ 09:26:29 #284

Chandler

Weet iemand waar ik het volgende kan vinden.

Voor een eigen project ben ik opzoek naar een scriptje voor Google maps waarbij je de volgende dingen kunt doen.
1. het zoeken naar een adres (via tekst veld & button) die dan verschijnt op de map
2. Wanneer men klikt wordt een pointer geplaatst, wanneer deze niet goed is moet deze verplaatst kunnen worden.
3. Een button om de positie op te slaan (versturen via een form).

Weet iemand waar ik dit kan vinden? heb zelf net een uur in de code van google gespit maar kan er niet echt uitkomen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 09:54:01 #285

SuperRembo

Sinds 1998

Google heeft zelf veel documentatie en voorbeelden: http://code.google.com/apis/maps/documentation/
Het opslaan van de positie kan je vie een form post doen of anders met een ajax call.

donderdag 5 maart 2009 @ 10:01:57 #286

Roy_T

Dat is echt geen rocket science om te bouwen Chandler. Zet je "ik zoek een scriptje"-pet eens af, en je "ik wil een scriptje schrijven" pet eens op

Dit kun je echt in een uur bouwen als Google Maps noob.

donderdag 5 maart 2009 @ 11:24:07 #287

Chandler

Nou Roy_T ik vind het anders wel pittig, kan er verdomde weinig aan doen. Ik heb sinds de post van Sr de code van google doorgespit maar snap er gewoon weinig van..

Ook de voorbeelden van google zelf wordt ik niet echt wijzer van, maar goed we gaan gewoon door

Maar gelukkig kan je ook knippen en plakken.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

GEvent.addListener(map, 'click',

function(overlay, point)
{
    if (point)
    {
        // display points
        alert(point.y + " - " + point.x);

        if (marker)
        {
            map.removeOverlay(marker);
        }

        var center = new GLatLng(point.y, point.x);
        var marker = new GMarker(center, {draggable: true});

        GEvent.addListener(marker, "dragstart", function()
        {
            map.closeInfoWindow();
        ;

        GEvent.addListener(marker, "dragend", function()
        {
            marker.openInfoWindowHtml("Just bouncing along...");
        ;

        map.addOverlay(marker);
    }
;

alleen wil ik maar 1 marker per map hebben, als er op een andere plek geklikt wordt moet de huidige marker verdwijnen, dit probeerde ik zo te doen maar op een of andere manier is de marker dan niet meer 'herkenbaar' in de code, hoe kan ik dit oplossen?

[ Bericht 80% gewijzigd door Chandler op 05-03-2009 11:46:23 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 12:18:03 #288

SuperRembo

Sinds 1998

Nu declareer je de marker binnen de event handler (var marker). Buiten de event handler, en dus ook de volgende keer dat je in die handler komt, is marker niet bekend. Asl je "var marker" verplaatst naar voor "GEevent..." dan zou het wel moeten werken. (AHngt een beetje af van wat je er verder nog voor code omheen hebt staan)

donderdag 5 maart 2009 @ 12:36:40 #289

Chandler

Ik heb het even geprobeerd maar ookal maak ik die marker eerder aan dan nog kan ik deze niet verwijderen

verder heb ik er nog geen code instaan

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 14:28:19 #290

SuperRembo

Sinds 1998

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

Maar misschien is het beter/handiger om de bestaande marker steeds te hergebruiken.

donderdag 5 maart 2009 @ 14:54:16 #291

Chandler

Yep dat werkt naar behoren! nu ga ik zelf nog de functionaliteit toevoegen om bepaalde adressen te zoeken!

Ps weet je ook of het mogelijk is via coordinaten achter de naam van de lokatie te komen?

Bv Groningen, Amsterdam, Brabant->Boxtel oid.

[ Bericht 43% gewijzigd door Chandler op 05-03-2009 15:07:47 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 15:13:39 #292

Roy_T

Lees de docs

(antwoord: ja, je kunt via de Google API een adres bij een coördinaat zoeken)

donderdag 5 maart 2009 @ 15:35:17 #293

poepeneesje

bR33Z4h

Ik moet de hoogte en breedte van plaatjes uit een array hebben. Met onderstaande code geeft hij in FF en Opera wel een hoogte terug. Maar in IE en Chrome geeft hij 0 terug.

1
2
3

var image = new Image;
image.src = "image/" + galleryArray[currentImage];
var imgHeight = image.height;

Wie weet hoe ik het voor IE en Chrome netjes kan oplossen?

Aan dit bericht kunnen geen rechten worden ontleend.

donderdag 5 maart 2009 @ 16:14:32 #294

Chandler

width.value ? misschien werkt het

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 16:15:01 #295

Chandler

quote:
Op donderdag 5 maart 2009 15:13 schreef Roy_T het volgende:
Lees de docs (antwoord: ja, je kunt via de Google API een adres bij een coördinaat zoeken)

Gedaan maar mijn zoekkunsten zijn echt n00b achtig... misschien een aanwijzing in de goede richting?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 5 maart 2009 @ 16:19:06 #296

Roy_T

Dit kostte me werkelijk niet meer dan 30 seconden

http://code.google.com/ap(...)tml#ReverseGeocoding

Op Google zoeken naar de locatie van de API, dan naar Services (want die wil je gebruiken) en dan "Reverse Geocoding"

donderdag 5 maart 2009 @ 16:30:38 #297

SuperRembo

Sinds 1998

quote:
Op donderdag 5 maart 2009 15:35 schreef poepeneesje het volgende:
Ik moet de hoogte en breedte van plaatjes uit een array hebben. Met onderstaande code geeft hij in FF en Opera wel een hoogte terug. Maar in IE en Chrome geeft hij 0 terug.
[ code verwijderd ]

Wie weet hoe ik het voor IE en Chrome netjes kan oplossen?

Waarschijnlijk is het plaatje dan nog niet geladen.

donderdag 5 maart 2009 @ 17:11:50 #298

poepeneesje

bR33Z4h

quote:
Op donderdag 5 maart 2009 16:14 schreef Chandler het volgende:
width.value ? misschien werkt het

Helaas

.

quote:
Op donderdag 5 maart 2009 16:30 schreef SuperRembo het volgende:

[..]

Waarschijnlijk is het plaatje dan nog niet geladen.

Klopt daar dacht ik ook zelf aan, ik was in de tussentijd al weer verder gegaan. Opeens deed hij het in IE wel

? Maar in Chrome gaat hij nu helemaal vaag doen.

Het enige dat ik aan de code heb toegevoegd is:

1
2
3
4
5
6
7
8
9
10
11
12

var image = new Image;
image.src = "image/" + galleryArray[currentImage];
var imgHeight = image.height;
var imgWidth = image.width;
if(imgHeight > imgWidth)
{
var imgStyleValue = "height: " + (imageDivHeight - 6);
}
else if (imgWidth > imgHeight)
{
var imgStyleValue = "width: " + (imageDivWidth - 6);
}

Aan dit bericht kunnen geen rechten worden ontleend.

vrijdag 6 maart 2009 @ 16:59:09 #299

BugWorks

Ik ben bezig met het maken van een script waarmee ik de layout-kleur (kleurschema en bijbehorende afbeeldingen) kan veranderen door op een bepaalde kleur/afbeelding te klikken.

De afbeeldingen die ik gebruik, soort van "bullets", veranderen niet allemaal mee. Namelijk alleen de eerste veranderd van kleur. Zou iemand die meer kijk/verstand van javascript heeft hier even naar willen kijken en eventueel een oplossing aandragen?

Script wat de kleur moet veranderen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function changeColor(c)
{
   var colors = new Array();
   colors[0] = "black";   // "img/bullet_black.png";
   colors[1] = "blue";      // "img/bullet_blue.png";
   colors[2] = "green";   // "img/bullet_green.png";
   colors[3] = "orange";   // "img/bullet_orange.png";
   colors[4] = "pink";      // "img/bullet_pink.png";
   colors[5] = "purple";   // "img/bullet_purple.png";
   colors[6] = "red";      // "img/bullet_red.png";
   colors[7] = "white";   // "img/bullet_white.png";
   colors[8] = "yellow";   // "img/bullet_yellow.png";

   document.getElementById("bullet").src = "img/bullet_"+colors[c]+".png";
}

Test pagina

Alvast bedankt.

vrijdag 6 maart 2009 @ 18:48:25 #300

Roy_T

Haal je HTML door de validator, en je zult zien waarom het niet werkt (hint: een id moet uniek zijn).

Ik zou de HTML goed opzetten (dus met een unordered list), en de kleur switchen d.m.v. het aanpassen van de class van de UL (en zo voor alle kind LI's de bullet aanpassen).

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development