Anchor zonder Refresh

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Developer (Junior functie)

Functieomschrijving Wij zijn op zoek naar een Software Developer! Sta jij in de startblokken om je carrière te beginnen en kan je niet wachten om toffe software te gaan ontwikkelen? Kortom, ben je onlangs afgestudeerd of sta je op het punt om je papiertje te behalen? Voor een IT dienstverlener dat gespecialiseerd is in Microsoft technologie zijn wij op zoek naar C#.NET Developers. Het bedrijf heeft meerdere klanten in regio Utrecht waar je permanent kan komen te werken. Kom je liever te werken bij een klein softwarebedrijf of bij een groot consultancy bureau? Dat is helemaal aan jou de keuze!

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

Software Developer / .NET / Azure

Dit ga je doen Als Lead .NET Software Developer zal je je bezig houden met: Het vertalen van bedrijfswensen naar een technische roadmap; Uitwerken van nieuwe architectuur / designs; Het team aansturen en motiveren; Toezien op de kwaliteit van de code; Mee ontwikkelen van nieuwe features en applicaties. Hier ga je werken Deze organisatie is op dit momenteel marktleider in het ontwikkelen van productielijnen voor de voedselindustrie en heeft een wereldwijd klantnetwerk. Binnen deze organisatie is het team van software developers dagelijks bezig met het ontwikkelen van maatwerk oplossingen om alle productiemachines aan te sturen, maar ook bedrijf kritische applicaties

Bekijk vacature »

Lead javascript developer Node.js React

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

Integratie expert - Java Developer

Dit ga je doen Nieuw koppelingen ontwerpen, ontwikkelen en implementeren; Je schakelt met de klanten om hen zo goed mogelijk van dienst te zijn. Strategisch kijken naar nieuwe mogelijkheden op bestaande of nieuwe koppelingen zo effectief mogelijk te realiseren; Je bestaande toolset afwegen tegen nieuwe mogelijkheden om integratiedoelen steeds effectiever en/of effcienter te bewerkstelligen; Bestaande software koppelingen beheren, dit zijn koppelingen met zowel interne als externe systemen; Overleg met zowel directe collega's als met stakeholders om nieuwe integratieplannen concreet te maken; Je kunt de junioren meenemen op sleeptouw. Hier ga je werken Onze klant is op zoek naar een ervaren

Bekijk vacature »

OutSystems Developer

Dit ga je doen Het van scratch af aan ontwikkelen van applicaties met OutSystems; Het aanhaken bij diverse projecten binnen de organisatie; Schakelen met de business; Meedenken over de mogelijkheden van het platform binnen de organisatie. Hier ga je werken Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap, bestaande uit standaard- en maatwerkapplicaties. De maatwerkapplicaties worden ontwikkeld door een inhouse development team. Het doel voor de komende periode is het verder vernieuwen en optimaliseren van het huidige applicatielandschap. Zo staat de organisatie aan

Bekijk vacature »

Junior/medior PHP developer Onderwijssector

Functie Momenteel zijn ze op zoek naar een developer die, veelal fullstack, mee gaat werken aan de ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP), Vue.js

Bekijk vacature »

C# Unity Developer

Functieomschrijving Ontwikkel jij mee door applicaties te bouwen die bijdragen aan het optimaliseren van processen? Voor een erkende werkgever in regio Tilburg zijn wij op zoek naar een Unity C# Developer die graag de uitdaging aangaat! Jouw werkzaamheden zullen er als volgt uitzien: Je bent een luisterend oor naar klanten en vertaalt hun wensen door naar bruikbare software; Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van processen; Je bent verantwoordelijk voor het uitvoeren van updates/aanpassingen aan de reeds draaiende applicaties. Bedrijfsprofiel Je komt te werken voor een internationale werkgever in regio Tilburg. Samen met een vooruitstrevend team

Bekijk vacature »

Front end developer

Functie Qua type opdrachten is er echt een verscheidenheid aan afnemers, zo werken ze met grote multinationals, maar ook met startups. Zo kom je te werken in een gevarieerde omgeving en kan je ook schakelen tussen verschillende culturen. De projecten variëren van greenfield projecten tot langdurige ontwikkeltrajecten. Hier wordt alleen maar gewerkt met aan front end projecten. Daarom maakt het onze partner niet uit waar jij kennis van hebt, als je maar gedegen kennis hebt van Javascript frameworks, Unit testing en ook bekend bent met de scrum methodiek. Eisen Minimaal 4 jaar relevante werkervaring Kennen en ervaring van Javascript frameworks

Bekijk vacature »

Software programmeur

Functieomschrijving Voor een erkende werkgever in de regio van Goes zijn wij op zoek naar een enthousiaste software programmeur met PHP/Symfony ervaring. Een gedreven persoon die het development team komt versterken met het aanpakken van complexe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor zowel professionele als persoonlijke groei? Lees dan snel verder! Dit ga je doen: Beheer en ontwikkeling van de serviceportal in Symfony en de webshops in de tweede versie van Magento; Testen en door ontwikkelen van software; Ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

Software Developer C# .NET

Functie omschrijving Software Developer C# .NET gezocht voor een dynamische organisatie! Ben jij net afgestudeerd of toe aan een volgende stap in je maatschappelijke carrière? Lees dan snel verder! Wij zijn op zoek naar een Software Developer die klaar is voor een nieuwe uitdaging en die een organisatie in de regio Houten wil versterken. Je werkt in deze functie aan verschillende projecten en gaat vaak op bezoek bij klanten. In deze functie kun je een grote mate van uitdaging, diversiteit en verantwoordelijkheid verwachten. Bedrijfsprofiel Waar kom je te werken? Je komt te werken bij een organisatie dat gespecialiseerd is in

Bekijk vacature »

PHP Web Developer

Functie omschrijving Voor een klein softwarebedrijf in de omgeving Roosendaal, zijn wij op zoek naar een PHP web developer met een aantal jaar werkervaring. Wil jij graag werken aan in-house software projecten voor diverse klanten? Voel jij je prettige in een klein team developers, waar jouw inbreng enorm gewaardeerd wordt? Lees dan snel verder! Jouw werkzaamheden zien er als volgt uit: Je wordt verantwoordelijk voor de ontwikkeling van diverse applicaties. Dit kan de ene keer een online platform voor aanbiedingen zijn, en de andere keer een software pakket dat gebruikt wordt om interne processen te automatiseren. Het zijn stuk voor

Bekijk vacature »

Java Developer

Functie Wat ga je doen als Java developer? Jij komt terecht binnen een informeel team waarin je verantwoordelijk bent voor de backend systemen voor grote klanten als Ziggo en KPN. Als Medior Java developer werk je in teamverband en soms individueel. Gedurende de werkweek zal je veelvuldig sparren met je collega’s voor een goede implementatie van de software. Ben jij een echte Java developer? Ben je geïnteresseerd in de nieuwste technieken en de laatste ontwikkelingen? Dan ben je hier aan het juiste adres! Eisen Wat wordt er van jou verwacht? • Minimaal HBO/WO denk- en werkniveau; • Analytisch sterk, open

Bekijk vacature »

Junior .NET developer

Functie Wij hebben drie scrumteams. Het eerste team focust zich op het stukje hardware wat wij in huis doen. Zij maken als team o.a. gebruik van C++. De andere twee scrumteams zijn allebei bezig met data verwerking en maken hierbij in de backend gebruik van C# .NET / .NET Core. Het verschil tussen deze teams is dat één team de data verwerking doet voor de mobiele applicatie. Zij werken hierbij dus ook met Xamarin. Het andere team focust zich op de webapplicaties en maakt hierbij ook gebruik van ASP.NET MVC. Op basis van jouw ambities en kwaliteiten kijken wij samen

Bekijk vacature »

PHP developer (Laravel/Vue.js)

Functie Het team telt momenteel 20 collega’s, bestaande uit developers (front- en backend) en het operations team, waaronder ook het management en twee scrum masters vallen. Ze zijn op zoek naar een PHP developer die in staat is zelfstandig te werken. Je komt te werken in één van de drie scrumteams en gaat aan de slag met een project voor de klant. Het fijne hieraan is dat je wel afwisseling hebt qua werk, maar tegelijkertijd doorlopend werkt voor bestaande klanten. Hierdoor krijg je ook de kans om echt de diepte in te gaan en innovatieve technische oplossingen neer te zetten.

Bekijk vacature »
X XAX

X XAX

12/11/2010 22:14:06
Quote Anchor link
Hey,

ik ben met een site bezig waarop iemand op een button moet klikken die er voor zorgt dat er in de URL #q=(value van input q) moet bijkomen. Liefst met jQuery. Ik heb iets gevonden van document.href = "#q=" + $('#q').val().replace(/\s/g,"%20");, maar dat refreshte de pagina. Kan iemand me helpen?
Alvast bedankt,

Raf Van den Langenbergh
 
PHP hulp

PHP hulp

27/11/2024 05:28:45
 
Jasper hoi

jasper hoi

12/11/2010 23:35:35
Quote Anchor link
Waarom zou je iets in de url willen zetten zonder er iets mee te doen?
Voor zo ver ik weet is het namelijk niet mogelijk om met jquery iets in de url neer te zetten zonder te refreshen.
 
Pim -

Pim -

12/11/2010 23:53:53
Quote Anchor link
Gebruik window.location.hash ipv document.href
 
X XAX

X XAX

16/11/2010 21:39:11
Quote Anchor link
Bedankt voor jullie antwoorden.
Ik ga waarschijnlijk gewoon de gegevens naar een PHP script sturen die het in een $_SESSION var zet. Toch bedankt :)
 
Joakim Broden

Joakim Broden

17/11/2010 08:33:42
Quote Anchor link
Hoe wil je dat doen? Want PHP doet alleen wat tijdens een page refresh dus als de pagina niet refreshed dan zal hij ook niks met de # doen.
 
Yea Rupie

Yea Rupie

17/11/2010 08:38:39
Quote Anchor link
Dit kun je het beste via Jquery + AJAX doen?
 
X XAX

X XAX

01/12/2010 21:20:48
Quote Anchor link
@Yea Rupie
Dat ging juist wat ik ging doen =)
 
Kris Peeters

Kris Peeters

02/12/2010 10:00:50
Quote Anchor link
Dat is te doen hoor, wat je initieel vraagt.

De url aanpassen na het # teken, zorgt er niet voor dat de pagina wordt herladen.
Je kan gewoon iets doen als window.location = '#' + waarde .

Wat ik je wel onmiddellijk zou aanraden: veergeet de structuur die lijkt op #p=fotoalbum&q=15& ...
Gebruik direct een soort mod rewtite systeem, bv. #fotoalbum/15.

Je kan trouwens zorgen voor een site waar je url's hebt met informatie na de #. Volledig bookmarkable.

Wat je moet doen:
- Maak een functie die zichzelf aanroept, met een timeout. Een interval van bv. 20ms, hoewel, wat trager mag ook.
- In die functie peil je naar de hash. Dat gaat met window.location.hash . Met die hash kan je dan doen wat je moet doen.

Het is me nog niet volledig duidelijk wat je precies wil bereiken, maar ik zal proberen iets van voorbeeld te tonen.
 
Crispijn -

Crispijn -

02/12/2010 10:35:48
Quote Anchor link
Facebook heeft toch ook zo'n manier?

Ik heb ook ooit iets leuks gemaakt wat ook werkt met een history en anchors. Kijk maar eens op crispijnverkade.nl
 
Niels K

Niels K

02/12/2010 11:00:29
Quote Anchor link
@Crispijn

Het idee is leuk, maar sorry wat een onoverzichtelijke bende :)
 
Crispijn -

Crispijn -

02/12/2010 11:19:30
Quote Anchor link
Ja, ik ben er nu ook wel op uitgekeken maar het idee met die anchors is wel te achterhalen toch? Alles werkt met javascript dus is zo te achterhalen. Het is wel met mootools gebouwd moet ik er bij zeggen.
 
Kris Peeters

Kris Peeters

02/12/2010 12:17:03
Quote Anchor link
Een uitgewerkt voorbeeld.

Ik ben bij de essentie gebleven en heb me dus niet te veel aangetrokken van details.
Ik heb het vrij vlug geschreven; het is dus waarschijnlijk niet een "afgewerkt product".

Te doen, als je dit wil namaken:
- maak een map images met daarin "empty.gif" (transparante, kleine image) "image001.jpg", "image002.jpg", "image003.jpg", "image004.jpg", "image005.jpg"
- jquery.js downloaden; index.php, js.js en style.css maken


js.js
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
// just for the example I put this data in a global var.  Usually you
// would get this data from a db or xml ...
var images = Array(
  'images/image001.jpg',
  'images/image002.jpg',
  'images/image003.jpg',
  'images/image004.jpg',
  'images/image005.jpg'
);

$(document).ready(function (e) {
  // TO DO: initiate function
  m_navigation.init(hash_has_changed);
});

function hash_has_changed (vars) {
  var action = vars[0];
  switch (action) {
    case 'photo':
        var image_index = Number(vars[1]);
        var src = images[image_index];
        $('#photo img').attr('src', src);
      break;
    case 'foo':
      // do something else here
      break;
  }
  
}

////////////////////////////////////////////////////////////////////////
/**
*  Navigation class
*  We are using a lot of callbacks and timouts.  
*    The 'this' object can be ambiguous. That is why we use the global
*    variable m_navigation in our functions.
*    A bit quick & dirty, but it works.
*/

// global var.
var m_navigation = new navigation();

/**
*  constructor
*/
function navigation () {
  this.timer = null;
  this.interval = 20;  // feel free to adapt
}

/**
*  initialize the object.  It is a good idea to call this function in $(document).ready();
*/
navigation.prototype.init = function (callback) {
  if (typeof(callback) == 'function') {
    m_navigation.callback = callback;
    m_navigation.fathom();
  }
  else {
    return false;
  }
  return true;
}

/**
*  Heart of the class.  When ever the url changes after the # symbol, the user-defined (the scripter) callback is called.
*  That callback gets a parameter containing an array of (in php terms $_GET) variables.
*  It is up to that callback to do what ever the scripter wants to.
*/
navigation.prototype.fathom = function () {
  var hash = window.location.hash;
  if (m_navigation.hash != hash) {
    // new situation.  Let's analyze the variables.
    m_navigation.hash = hash;
    var vars = hash.split('/');
    result = Array();
    for (var i=0; i<vars.length; i++) {
      if (vars[i] == "") {
        break;
      }
      if (i == 0) {
        // remove the # character
        while (vars[i].substr(0,1) == "#") {
          vars[i] = vars[i].substr(1);
        }
      }
      result[result.length] = vars[i];
    }
    m_navigation.callback(result);
  }
  m_navigation.timer = setTimeout('m_navigation.fathom()', m_navigation.interval);
}
////////////////////////////////////////////////////////////////////////


index.php
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//NL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <link rel="shortcut icon" type="image/gif" href="favicon.gif"/>
    <meta http-equiv=content-type content="text/html; charset=UTF-8">
    <title> Bookmarkable navigation - jQuery </title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script src="jquery.js"></script>
    <script src="js.js"></script>
  </head>
  <body>
    <div id="page_container">
      <div id="thumbs">
        <div class="thumb"><a href="#photo/0"><img src="images/image001.jpg"/></a></div>
        <div class="thumb"><a href="#photo/1"><img src="images/image002.jpg"/></a></div>
        <div class="thumb"><a href="#photo/2"><img src="images/image003.jpg"/></a></div>
        <div class="thumb"><a href="#photo/3"><img src="images/image004.jpg"/></a></div>
        <div class="thumb"><a href="#photo/4"><img src="images/image005.jpg"/></a></div>
        <div class="clear"></div>
      </div>
      <div id="photo"><img src="images/empty.gif"/></div>
    </div>
  </body>
</html>


style.css
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
img {
  border: 0;
}

.clear{
  clear: both;
}

#thumbs .thumb{
  float: left;
}

.thumb {
  width: 100px;
  height: 100px;
  margin: 10px;
  background-color: #000;
  overflow: hidden;
}

.thumb img{
  width: 100%;
}

#photo {
  height: 400px;
}

#photo img {
  height: 100%;
}


Als je hier zelf verder mee wil:
- Zie dat je m_navigation initialiseert bij $(document).ready()
- maak een functie, zoals hash_has_changed, alwaar je doet wat je wil doen.
Gewijzigd op 02/12/2010 12:30:36 door Kris Peeters
 



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.