DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Ik heb dit nu als javascriptcode:
Opzich best simpel, maar hoe haal ik nu de waardes er uit zodra er iets wordt veranderd?
| 1 2 3 4 5 6 7 8 9 10 | /* 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?
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 
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?
Gelukt! :
:D
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | /* Resizable with Horizontal Limit */ $('resizable5').makeResizable({ modifiers: {x: 'width', y: false}, limit: {x: [50, 800]} } ); } ); function saveWidth(){ var width = document.getElementById("resizable5").offsetWidth; callAJAX(0, 120, 'setWidth', width); } |
:D
Dat zal vast in de docs staan van de gebruikte JS library. Dat is voor ons natuurlijk koffiedik kijkenquote:Op woensdag 11 februari 2009 14:30 schreef Likkende_Lassie het volgende:
Dat is inderdaad de bedoeling
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.
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"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.
Probleem hiervan is wel, dat als je de muis buiten de div loslaat, wordt er niets opgeslagen...
Waarschijnlijk moet er een event listener worden toegevoegd aan de resize()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.
Ik heb maar even voor je gekeken, want dat is inderdaad geen oplossingquote: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...
In de docs staat écht heel duidelijk:
| 1 2 3 4 5 | onComplete: function(){ alert('Done resizing.'); } |
Heb je überhaupt die documentatie gelezen?
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 ]
-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 ]
Ik zoek een prijsberekenings script / uitleg hoe te maken maar vind weinigs, zoek zoiets als deze
Iemand een zoekterm, site of script hiervoor?
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"
Ook na je edit snap ik niet echt wat je wilt doenquote: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.
Je wilt JS draaien op je linux ding, en die iets laten schrijven op het filesystem (als de server datzelfde ding is) 
Nee, want daar is het te simpel voorquote: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?
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
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?
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?
Wat voorbeeldcode of een simpele testcase zou handig zijn.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
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.quote:foto Op zaterdag 28 februari 2009 10:06 schreef SuperRembo het volgende:
Wat voorbeeldcode of een simpele testcase zou handig zijn.
| 1 |
Waarom werkt dit niet? Als ik bijvoorbeeld de tekstkleur wil aanpassen, werkt dat wel...
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?quote:foto 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.
Voor alles met een -.quote:Op zondag 1 maart 2009 23:10 schreef Flaccid het volgende:
[..]
En hetzelfde geld dus ook voor backgroundImage?
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 ]
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 ]
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.
Een id moet trouwens altijd beginnen met een letter. Helemaal numerieke id's kunnen op allerlei manieren problemen geven.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
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.quote:foto 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.
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?
