[MooTools] Fx.Slide

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior PHP Developer

Je maakt een vliegende start van je carrière door meteen mee te bouwen aan dingen zoals een optimaal werkende website aan de hand van je PHP kennis. Wat doe je als Junior PHP Developer bij Coolblue? Als Junior PHP Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collega’s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te kunnen maken.

Bekijk vacature »

Ervaren C#/Azure developer werkt mee aan backend p

Voor een innovatieve bouwonderneming die al meer dan 113 jaar bestaat, zijn wij op zoek naar ervaren .Net/C#/Azure developers. Het bedrijf bouwt een (pre-fab) huizenfabriek die 4000 woningen per jaar kan produceren. Deze woningen worden dan modulair op de bouwplaats in elkaar gezet en worden met duurzame (recyclebare) materialen gemaakt en geplaatst. Dit zonder PFAS en zeer weinig NOX. Als .Net developer maak je deel uit van een multidisciplinair team met andere .net developers, BI consultant, systeem- en applicatiebeheerders. Je gaat meebouwen aan de middleware-laag waar 30+ applicaties (waaronder erp systemen) gekoppeld kunnen worden. Deze integraties komen samen op het

Bekijk vacature »

Senior Front-End Developer

As a Senior Front-end Developer you maintain the balance between creativity and functionality for our webshop, and you coach your fellow developers. How do I become a Senior Front-End Developer at Coolblue? As a Senior Front-end Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the Interaction Designer to pick up stories. You get energy from coming up with creative solutions and are happy to present this within the team. You are also proud of your work and welcome all feedback. You share your knowledge with your team and other front-enders. "Want

Bekijk vacature »

Application Developer Tech Lead

We’re Hiring! A UPS Application Developer Tech Lead *REMOTE WORK POSSIBLE FOR THIS ROLE As a Tech Lead Developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as

Bekijk vacature »

Database Developer

Bedrijfsomschrijving De organisatie is een gerenommeerde HR Cloud Solutions provider met miljoenen gebruikers. Hun platformen helpen klanten om Human Capital Management (HCM) ambities waar te maken en bieden payroll oplossingen voor de verloning van ongeveer 25% van alle Nederlandse werknemers. Als Database Developer kom je te werken binnen het Integratie API team. Binnen het domein is een Database opgezet volgens het EAV model, echter is het lastig om hier data uit te halen. Het doel van het team is dan ook, om efficiënt data uit de Database te halen en dit zo begrijpelijk mogelijk te presenteren aan de andere teams.

Bekijk vacature »

System Developer

Je zorgt ervoor dat alle Coolblue’ers veilig en snel toegang krijgen tot de juiste systemen. Wat doe je als System Developer bij Coolblue? Met je Powershell skills automatiseer je handmatig werk. Zo kunnen onze collega’s gemakkelijk op interne en externe systemen inloggen. Met de Adaxes workflows zorg je ervoor dat de support afdeling de juiste tools heeft om de eindgebruikers op weg te helpen of een self-service oplossing aanbieden zodat de eindgebruikers dat zelf kunnen regelen. Kortom: je gaat collega's met Identity en Access processen ondersteunen. Ook System Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit

Bekijk vacature »

Functioneel Applicatiebeheerder

Ben je op zoek naar een uitdagende baan bij één van de beste hogescholen van Nederland? Solliciteer dan op de functie Functioneel Applicatiebeheerder bij Hogeschool Tio. De functie In deze functie ben je het aanspreekpunt en verantwoordelijk voor verschillende systemen, waaronder het studenteninformatiesysteem, Office365, CRM, HRM, Sharepoint en Exact. Je zorgt er actief voor dat je klanten optimaal geholpen worden met de systemen. Taken die hierbij horen zijn het uitwerken van een functioneel ontwerp, het inrichten van de systemen, het aanleveren van managementinformatie en zoeken naar verbeteringen. Tevens geef je gebruikerstrainingen en neem je deel aan diverse ICT-innovatieprojecten. Wat biedt

Bekijk vacature »

Business Intelligence Developer

Dit is de rol Boels pitstop De organisatie Boels is zich aan het professionaliseren en digitaliseren. Jij gaat hier een grote rol in spelen. Wat doet de organistaie Boels? Hoe doen we het? Waar staan we? Waar willen/moeten we naartoe? De afdeling BI krijgt steeds meer (aan)vragen voor dashboards/data etc. vanuit de organisatie om dit te onderzoeken. Dit doen we centraal vanuit Sittard. Als Business Intelligence Developer werk je aan projecten (klein of groot), waar we met data inzichten verschaffen aan onze organisatie. Je denkt mee met onze interne stakeholders, draagt initiatieven aan en zorgt er vervolgens voor dat de

Bekijk vacature »

Full Stack Java Developer

Functieomschrijving Wil jij zorgen voor de meest plezierige en efficiënte klant ervaring? Wil jij werken met state-of-the-art-systemen, onze business verbeteren en echt impact maken? Wat ga je doen als Full-stack Java Developer? Met jouw slimme en gave oplossingen breng je mensen en werk dichter bij elkaar. Samen met jouw team uiteraard. Binnenstromende functionele vragen vertalen naar technische creatieve oplossingen. Daar mag jij je in gaan vastbijten. Jouw focus bij ons zal liggen bij het 'self-service portaal' voor klanten, waar onze producten en diensten digitaal worden aangeboden aan onze klanten. Een portaal wat wij continue willen doorontwikkelen en dus ook onze

Bekijk vacature »

Application Developer Tech Lead

We’re Hiring! A UPS Application Developer Tech Lead *REMOTE WORK POSSIBLE FOR THIS ROLE As a Tech Lead Developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as

Bekijk vacature »

.NET Developer Azure

Bedrijfsomschrijving Voor een goede relatie van ons in de regio Tilburg zijn wij op zoek naar een ervaren .NET Developer. De organisatie is verantwoordelijk voor de ontwikkeling van een groot aantal portalen die onmisbaar zijn in de Nederlandse zorgsector. De systemen worden gebruikt door zorgverzekeraars, zorgverleners en tal van andere partijen. Gezien de omvang, maar ook het aantal van portalen die deze organisatie op haar naam heeft staan, zijn inmiddels 9 Scrum teams verantwoordelijk voor de doorontwikkeling en het van scratch af aan opbouwen van nieuwe functionaliteiten. De teams bestaan uit meerdere ontwikkelaars, een tester, een informatie analist en een

Bekijk vacature »

Ontwikkelaar

Wij zoeken een capabele Magento developer, die mee willen werken aan het realiseren van mooie webshops. Wij zoeken een creatief, enthousiast, leergierig, gezellig en capabel persoon. Zelfstandig kunnen werken. Goed kunnen communiceren. De wil hebben om verder te groeien. Als Magento developer werk je samen met je team aan de allerbeste webshops voor onze opdrachtgevers. Wat ga je doen als Magento developer? Ontwikkelen van webshops in Magento Onderhoud plegen aan bestaande webshops Behalve kennis van Magento heb je ook kennis van Javascript, HTML, CSS Je bent in staat om zowel zelfstandig als in teamverband te werken Je bent in staat

Bekijk vacature »

ETL Ontwikkelaar / Data Engineer BI - Public Trans

Ben jij een ervaren ETL ontwikkelaar / Data Engineer BI en wil jij zorgen dat onze klanten in de transportsector waarde kunnen halen uit data en de business kunnen voorzien van hoogwaardige informatieproducten, van dashboards tot complexe voorspelmodellen? Zoek jij een nieuwe uitdaging en een omgeving waar vrijheid, teamspirit en ondernemerschap onderdeel zijn van het DNA? Dan nodigen wij jou uit om verder te lezen! Wat ga je doen? CGI zoekt een ervaren en communicatief sterke ETL ontwikkelaar / Data Engineer BI die in een autonoom agile team kan werken middels de scrummethodiek en zich bezig gaat houden met het

Bekijk vacature »

ASP.NET CORE developer Fullstack / Intern

Bedrijfsomschrijving Mijn klant houdt zich bezig met alleen maar maatwerk software. Door de flexibiliteit van de developers bedienen ze bijna elke markt; van start-ups tot aan de grotere internationaal georiënteerde bedrijven. Bepaalde applicaties zijn standaard geworden en worden als totaalpakket aan de klant aangeboden. Andere applicaties worden maandelijks onder de loep genomen. Kortom: genoeg uitdaging voor een .NET Developer. Je komt te werken in een gezellig team van ongeveer 20 mensen met een platte structuur. Er wordt veel voor het personeel geregeld en regelmatig ga je met het team op pad. Je collega's zijn IT minded mensen. Het gaat hier

Bekijk vacature »

Datawarehouse specialist / ETL Ontwikkelaar

Bedrijfsomschrijving Onze klant is een semi overheidsinstelling. Ze zijn bezig met het bouwen van een nieuwe BI omgeving. Ze hebben onderzocht hoe het datalandschap en de informatievoorziening geprofessionaliseerd kan worden. Als DWH Ontwikkelaar kun jij hier een belangrijk rol in gaan spelen over hoe je het verder gaat uitvoeren. Het is een informele organisatie met een goede werksfeer. De mensen die er werken zijn ambitieus en werken met de nieuwste technieken. Ben jij toe aan een nieuwe uitdaging als datawarehouse ontwikkelaar waar jij kunt meebouwen aan een nieuwe omgeving? Dan is deze functie je op het lijf geschreven. Functieomschrijving Datawarehouse

Bekijk vacature »
W W

W W

29/04/2009 20:48:00
Quote Anchor link
Ik probeer via Mootools 2 formpjes in 1 pagina te maken die doormiddel van Fx.Slide verwisselen.

De bedoeling is als je op de text "Ik ben mijn wachtwoord vergeten" klikt, het login venster links verdwijnt via de fx.slide en de display op none word gezet. Nadat dit gedaan is, moet de display van de wachtwoord vergeten form op block gezet worden en deze weer verschijnen via de fx.slide.

Echter, ben ik een leek in javascript, maar toch een poging gewaagd. Ik zit alleen nu in loopje waar de formpjes zich afwisselen. Dit komt omdat de on complete functies zich de heletijd herhalen.

Mijn vraag aan jullie hoe ik uit deze lus kom.

Javascript
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?php //voor kleurtjes
<script type="text/javascript">
            window.addEvent('domready', function() {
                var
SliderLogin = new Fx.Slide('login-div', {mode: 'horizontal'});
                var
SliderEmail = new Fx.Slide('forgotpass-div', {mode: 'horizontal'});
    
                 /*
                Fx.Slide.implement({
                  isVisible: function() {
                    return (this.wrapper.offsetHeight == 0 || this.wrapper.offsetWidth == 0) ? false: true;
                  }
                });
                */

                
                SliderEmail.hide();

                $('login-switch').addEvent('click', function(e){
                
                    if(SliderLogin.isVisible() == true)
                    {

                        e.stop();
                        SliderLogin.toggle();
                        
                        SliderLogin.addEvent('complete', function(e){
                        $('login-div').style.display = 'none';
                        $('forgotpass-div').style.display = 'block';
                        $('login-switch').set('html', '<a href="javascript:void(0);" id="login-switch">Inloggen</a>');
                        SliderEmail.slideOut();
                        
                        });
                    }

                    else
                    {
                        e.stop();
                        SliderEmail.toggle();
                        
                        SliderEmail.addEvent('complete', function(e){    
                        $('forgotpass-div').style.display = 'none';
                        $('login-div').style.display = 'block';
                        $('login-switch').set('html', '<a href="javascript:void(0);" id="login-switch">Ik ben mijn wachtwoord vergeten</a>');
                        SliderLogin.slideOut();
                        
                        });
                    }                    
                });
            });

    </script>

?>


Stuk HTML
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
31
32
33
34
35
36
37
<?php //kleurtjes
<body>
        <
div class="login">
            <
div class="screen">
                <
div class="login-left" id="login-left">
                    <
img src="images/logo_beeldmerk.png" alt="">
                <
/div>
                <
div class="login-right">
                    <
div class="loginscreen">
                        <
h1><b>MEDIAFLUX</b>CMS</h1>
                        <
div class="login-input" id="login-div">
                            <
form name="login" action="">
                                <
input type="text" id="firstname" name="firstname" class="username">
                                <
input type="text" id="password" name="password"  class="password">
                                <
div class="login-submit">
                                    <
input type="submit" name="btnLogin" value="Inloggen" />
                                <
/div>
                            <
/form>
                        <
/div>
                        
                        <
div class="forgotpass-input" id="forgotpass-div" style="display: none;">
                            <
input type="text" id="email" name="email" class="email">
                            <
div></div>
                            <
div class="login-submit">
                                <
input type="submit" name="btnLogin" value="Inloggen" />
                            <
/div>
                        <
/div>
                        
                        <
div class="forgotpassword" id="login-switch">
                            <
a href="javascript:void(0);" id="login-switch">Ik ben mijn wachtwoord vergeten</a>
                        <
/div>
                    <
/div>
                <
/div>
            <
/div>
        <
/div>
    <
/body>
?>


Hier staat het live en dus bugged
Gewijzigd op 01/01/1970 01:00:00 door W W
 
PHP hulp

PHP hulp

10/05/2021 20:46:44
 

29/04/2009 20:58:00
Quote Anchor link
Sinds wanneer doe je een break in een if die een switch moet zijn?
Je hebt volgens mij ook niet echt gekeken wat die fx.slider doet...
(Iig als je toggle aanroept.)
Gewijzigd op 01/01/1970 01:00:00 door
 
W W

W W

29/04/2009 21:02:00
Quote Anchor link
lol, die break was een "ik heb geen oplossingen" probeersel. Ik haal het eruit want het heeft geen nut en zal waarschijnlijk meer kwaad doen dan goed.
 

29/04/2009 21:07:00
Quote Anchor link
Om je vraag maar te beantwoorden: Je zit niet eens in een lus.
Kijk eens in firefox met firebug. Kun je zo alles aanroepen. Ga d'r regel voor regel doorheen.... (Zoals je debug't.)
 
W W

W W

29/04/2009 21:14:00
Quote Anchor link
Kijk eens naar mijn voorbeeld svp. Die oncomplete worden elke keer na elkaar uitgevoerd waardoor hij niet meer stopt. Ik debug met chrome en die geeft geen fouten aan. Onderaan in mijn 1e post staat een link.

Mvg.
 

29/04/2009 21:20:00
Quote Anchor link
Pepijn schreef op 29.04.2009 21:14:
Kijk eens naar mijn voorbeeld svp.

Schat, wat denk je dat ik heb gedaan?
Pepijn schreef op 29.04.2009 21:14:
Die oncomplete worden elke keer na elkaar uitgevoerd waardoor hij niet meer stopt.

Je zit niet in een lus, omdat die javascript niet klopt.
Firefox geeft deze waarschuwing:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
invalid break
[Break on this error] break;\n
website (line 36)

En Opera deze:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
JavaScript - http://www.mediaflux.nl/klanten/zsp%2B/website/
Inline script compilation
Syntax error while loading: line 30 of inline script at http://www.mediaflux.nl/klanten/zsp%2B/website/ :
Untargeted break/continue
                        });
-------^

Dus
Pepijn schreef op 29.04.2009 21:02:
lIk haal het eruit want het heeft geen nut en zal waarschijnlijk meer kwaad doen dan goed.

Heb je nog niet gedaan. Verwacht je dan dat ik je verder ga helpen?

Pepijn schreef op 29.04.2009 21:14:
Ik debug met chrome en die geeft geen fouten aan. Onderaan in mijn 1e post staat een link.

Lekker handig debuggen, geen foutmeldingen...
Die link klopt ook echt lekker:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
http://phphulp.nl/forum/%22http://www.mediaflux.nl/klanten/zsp%2B/website/%22


Pepijn schreef op 29.04.2009 21:02:
lol, die break was een "ik heb geen oplossingen" probeersel.

Als je al logisch nadenkt (dus gewoon aan php denkt) kán die break daar niet.
Gewijzigd op 01/01/1970 01:00:00 door
 
W W

W W

29/04/2009 21:25:00
Quote Anchor link
Beste,

Breaks zijn eruit.

De url blijkt gewoon te werken.

Misschien zit hij TECHNISCH niet in een lus. Maar als je de link ziet, lijkt het wel alsof hij in een lus zit.

Gr.
 
Mar cel

Mar cel

29/04/2009 23:30:00
Quote Anchor link
Ik zie trouwens dat je de inloggegevens via $_GET verzend. Leuk, staan je ingevoerde gegevens in de geschiedenis van je browser. Gebruik gewoon $_POST.
 
W W

W W

29/04/2009 23:31:00
Quote Anchor link
lol, totaal niet relevant. De Hml is alleen nog maar gemaakt. Qua php en request weet ik wel hoe het in elkaar steekt. Dit gaat puur om de javascript.
 
W W

W W

30/04/2009 21:48:00
Quote Anchor link
Ik heb het na wat kloten opgelost. Misschien niet de beste manier, maar hier is mijn oplossing.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<?php
<script type="text/javascript">
            window.addEvent('domready', function() {
            
                var
SliderEmail = new Fx.Slide('forgotpass-div', {mode: 'horizontal'});
                
                var
username = $('customernumber');
                var
password = $('password');
                var
email = $('email');
                
                username.addEvent('click', function(e){
                    username.value = '';
                });

                
                username.addEvent('blur', function(e){
                    username.value = 'Klantennummer';
                });

                
                password.addEvent('click', function(e){
                    password.value = '';
                });

                
                password.addEvent('blur', function(e){
                    password.value = 'Wachtwoord';
                });

                
                email.addEvent('click', function(e){
                    email.value = '';
                });

                
                email.addEvent('blur', function(e){
                    email.value = 'E-mail adres';
                });

                
                 /*
                Fx.Slide.implement({
                  isVisible: function() {
                    return (this.wrapper.offsetHeight == 0 || this.wrapper.offsetWidth == 0) ? false: true;
                  }
                });
                */

                
                SliderEmail.hide();
                $('forgotpass-div').style.display = 'none';
                
                
            });

    function
switchLogin()
    {
        var
SliderLogin = new Fx.Slide('login-div', {mode: 'horizontal'});
        var
SliderEmail = new Fx.Slide('forgotpass-div', {mode: 'horizontal'});
        
        SliderLogin.toggle();
                        
        SliderLogin.addEvent('complete', function(e){
            $('login-div').style.display = 'none';
            $('forgotpass-div').style.display = 'block';
            $('login-switch').set('html', '<a href="javascript:void(0);" id="login-switch" onclick="javascript:switchForgotPassword()">Inloggen</a>');
            SliderEmail.toggle();
        });
    }
    
    function
switchForgotPassword()
    {
        var
SliderLogin = new Fx.Slide('login-div', {mode: 'horizontal'});
        var
SliderEmail = new Fx.Slide('forgotpass-div', {mode: 'horizontal'});
        
        SliderEmail.toggle();
                        
        SliderEmail.addEvent('complete', function(e){    
            $('forgotpass-div').style.display = 'none';
            $('login-div').style.display = 'block';
            $('login-switch').set('html', '<a href="javascript:void(0);" id="login-switch" onclick="javascript:switchLogin()">Ik ben mijn wachtwoord vergeten</a>');
            SliderLogin.toggle();
        });
    }

    </script>

?>
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.