Udvikleren.dk - Seneste [jquery] forum tr�de

Hvordan finder man frem til hvor det g�r galt henne i forhold til data

Sat, 21 Apr 2018 20:32:08 GMT

Det er s�dan, at jeg pr�ver at sende noget json til min Stripe API. Men n�r jeg pr�ver at sende den data afsted s� fejler den ved min

JScript kode

 $.ajax

Derfor har jeg ned i min error - sagt, at jeg gerne vil vide hvorfor det er min data/json ikke kan blive sendt afsted.

JScript kode

 error: function (data) {
                 //window.location.href = '/Subscriptions';
                 console.log(data);
             }

Hvor henne skal man kig for, at finde ud af det?

Dog giver min POST v�rdi en 500 fejl alts� en Internal server error

N�r jeg kigger i min console s� fort�ller den mig dette her:

Der ved linje 33 det er s� min ajax der fejler.

Hvad kan jeg g�r her?

Kom et halvt eller helt �r til Spanien som udvikler

Wed, 13 Dec 2017 10:19:51 GMT

Vi er et dansk-ejet web-udviklings-firma baseret i Granada, Spanien og vi leder efter udviklere som kunne t�nke sig et l�ngerevarende ophold i Spanien.

Helt �rligt s� er vores l�n til at grine ad, men det er nok til at leve et behageligt liv her i Granada og vi har haft en del danske medarbejdere gennem �rene.

S� hvis du har lyst til at komme til Spanien et stykke tid og samtidigt blive betalt for udvikle i php og front-end, s� har du her muligheden.

Du beh�ver ikke kunne tale Spansk, da vi taler Engelsk p� kontoret men der vil v�re rig mulighed for at l�re Spansk hvis det har interesse.

I granada koster en �l ca. 10 kr. og det inkluderer et gratis m�ltid (sandwich, burger etc.). Du kan st� p� ski kun 30 min herfra og v�re p� stranden 40 min. Byen er en universitets-by og er propfyldt med barer, ungdoms-kultur og natteliv.

Du beh�ver ikke v�re ekspert. M�ske er du lige blevet f�rdig p� universitetet eller har sat der hjemme og n�rdet med php et stykke tid. Vi garanterer at du vil kunne s�tte nogle moderne keywords p� dit C.V. som kan v�re en stor fordel i din videre Kari�re.

Hj�lp til at komme igang med JQuery?

Thu, 19 Oct 2017 09:54:43 GMT

Hej - Jeg kan mest PHP og HTML, men jeg vil gerne s� sm�t i gang med at kode noget JQuery da det er mit indtryk at der er stor eftersp�rgsel p� dette. Er der nogen som kan s�tte mig i gang et sted?

P� forh�nd tak

Jquery loader ikke? Virker lokalt

Wed, 04 Oct 2017 17:41:32 GMT

Hej

Sidder og leger med noget jQuery tabmodule, virker fint n�r jeg loader den lokalt.
Men skraks det kommer op p� en server, s� er det som om jQuery ikke bliver loadet?

Nogle der har nogle ideer?

jQuery: Indhold i et fantastisk, v�rdiskabende, jQuery kursus

Mon, 14 Nov 2016 14:22:10 GMT

Hej udviklere,

Jeg er i f�rd med at udvikle et kursus om jQuery, m�lrettet til studerende og udviklere med lidt-til-ingen erfaring inden for dette framework. M�let er at tage de studerende i h�nden, og vejlede dem gennem en indledende introduktion til jQuery/JavaScript, plus det omgivende milj� (web, html, client / server, etc.), ved at anvende den samme p�dagogiske tilgang jeg har haft succes med tidligere n�r jeg har undervist f�rste-�rs studerende i datalogi. Resultatet af kurset er et lille, afgr�nset projekt de selv har udviklet, og som de kan bruge som et springbr�t i deres videre l�ring. Jeg vil komme omkring emner som DOM traversing, Events, UI, server-interaktion (AJAX) og plugins.

Jeg skriver her i h�bet om at samle input fra dem af jer som allerede kender og bruger jQuery. Dybest set er jeg ude efter f�lgende feedback: Hvad er de top 3 elementer/indhold, du gerne s� et kursus som dette ber�re. Pr�v at t�nke tilbage til dengang du selv l�rte jQuery (uanset hvordan du gjorde dette). Givet den viden du har idag, hvad ville du s� have foretrukket at der blev lagt s�rligt fokus p� dengang?

Jeg leder efter al form for input om, hvad du som professionel, eller eventuelt som ny elev, gerne ville se d�kket og behandlet i et kursus som dette.

Enhver from for feedback er yderst v�rdsat!

P� forh�nd tak, Kristian

jQuery border effekt p� menu

Sun, 28 Aug 2016 20:27:32 GMT

K�re udviklere,

Igen sidder jeg med et problem med noget jQuery animation jeg pr�ver at lave. Jeg fik l�st mit sidste problem, men er nu st�dt p� et nyt.

Jeg har en 2px h�j border under min header, hvor jeg gerne vil animere en border som bliver vist under det menu-link man hover over.

Scriptet virker s�m�nd fint nok. N�r jeg holder over et menu-link, som ikke passer til den side jeg er inde p�, bev�ger borderen sig hen p� linjen til det menupunkt jeg holder over. Den animerer ogs� bredden s� den tilpasser sig menupunktet.

Dog, hvis jeg allerede hover over et menupunkt og flytter musen direkte til f.eks. det n�ste menupunkt (alts� jeg flytter ikke musen udenfor menuen) s� flytter borderen sig tilbage p� det menupunkt der passer til den side man er p�, og f�rst derefter flytter sig til det nye menupunkt. Normalt n�r jeg flytter musen v�k fra menuen flytter den sig tilbage p� menu-punktet der svarer ti den side man er inde p� - hvilket er med vilje, men den flytter sig ogs� hvis jeg g�r som overst�ende.

Eksemplet kan ses p� hjemmesiden.

Scriptet ser s�ledes ud:

JScript kode

 var current_page_item   = $( '.main-navigation .menu .current_page_item' ),
         menu_hover          = $( '.main-navigation .menuHover' ),
         last_x_position     = current_page_item.position().left,
         last_width          = current_page_item.width();
         
     moveBorder( last_x_position, null );
     justifyBorderWidth( last_width, null );
     
     function justifyBorderWidth( width, effect ) {
         if( effect === null ) {
             menu_hover.css({ width: width });
         } else if( effect === 'animate' ) {
             menu_hover.animate({ width: width }, 'fast');
         }
     }
     
     function moveBorder( x, effect ) {
         if( effect === null ) {
             menu_hover.css({ left: x });
         } else if( effect === 'animate' ) {
             menu_hover.animate({ left: x }, 'fast');
         }
     }
     
     $( '.main-navigation .menu li' ).hover(function() {
         var this_x_position = $(this).position().left;
         
         moveBorder(this_x_position, 'animate');
         justifyBorderWidth( $(this).width(), 'animate' );
     }, function() {
         moveBorder(last_x_position, 'animate');
         justifyBorderWidth( last_width, 'animate' );
     });

Jeg ved at problemet forekommer ved min hover function, alts� functionen der bliver kaldt n�r jeg flytter musen v�k. For hvis jeg f.eks. fjerner de sidste 3 linjer f�r "});" l�ses problemet, men dog bliver borderen ikke flyttet tilbage p� sin oprintlige plads som den skal. Jeg forst�r fuldt ud det jeg har skrevet, jeg kan bare ikke helt finde en l�sning. Jeg h�ber at der er nogen der kan hj�lpe :-).

Justeringer af header effekt med jQuery

Sat, 27 Aug 2016 20:21:00 GMT

K�re udviklere,

Jeg er nu endelig ved at have sat min blog-hjemmeside op, og har nu lidt sm�-problemer med nogle jQuery effekter jeg er ved at lave til min header.

Kort sagt vil jeg have at min header bliver skjult n�r man scroller ned p� siden, samt bliver vist n�r man scroller op igen. Den skal s� s�tte sig p� plads igen n�r man er scrolled op til toppen p� siden, og jeg har n�sten f�et det lavet helt perfekt.

Eksemplet kan ses p� hjemmesiden.

Jeg har skrevet scriptet i jQuery, som vist her:

JScript kode

 var lastScrollTop   = 0,
     header          = $( '.site-header' ),
     hheight         = header.height(),
     content         = $( '.site' );
 
 $(window).scroll(function() {
     var st = $(this).scrollTop();
 
     if( st > hheight ) {
         if( st < lastScrollTop ) {
             if( !header.hasClass('fixedscroll') ) {
                 header.addClass('fixedscroll');
                 headerOpen();
             }
 
             if( header.hasClass('headerclose') ) {
                 header.removeClass('headerclose');
                 headerOpen();
             }
 
             header.addClass('headeropen');
         } else {
             if( !header.hasClass('fixedscroll') ) {
                 header.addClass('fixedscroll');
                 headerClose();
             }
 
             if( header.hasClass('headeropen') ) {
                 header.removeClass('headeropen');
                 headerClose();
             }
 
             header.addClass('headerclose');
         }
     } else {
         headerReset();
 
         if( header.hasClass('headeropen') ) {
             header.removeClass('headeropen');
         }
 
         if( header.hasClass('headerclose') ) {
             header.removeClass('headerclose');
         }
     }
 
     lastScrollTop = st;
 });
 
 function headerOpen() {
     var top = $("#wpadminbar").length ? "32px" : "0";
 
     header.stop().animate({
        top: top,
     }, 'fast').css({ position: 'fixed' });
 
     content.css({
         paddingTop: hheight
     });
 }
 
 function headerClose() {
     var top = $("#wpadminbar").length ? "-84px" : "-52px";
 
     header.stop().animate({
        top: top,
     }, 'fast').css({ position: 'fixed' });
 
     content.css({
         paddingTop: hheight
     });
 }
 
 function headerReset() {
     header.css({
         top: "0px",
         position: 'static'
     }).removeClass('fixedscroll');
 
     content.css({
         paddingTop: 0
     });
 }

Problem: N�r man scroller cirka 52 pixel ned p� siden kommer effekten, dog "hopper" den og forsvinder. Det kan nemt ses. Man skal blot scrolle de antal pixels ned p� siden som svarer til headeres h�jde. Det samme sker n�r man g�r det den modsatte vej, alts� scroller op p� siden til mindre end cirka 52 pixel (headerens h�jde).

Jeg vil gerne have det gjort s�ledes at n�r man scroller ned p� siden (headerens h�jde) slider headeren v�k fra billedet, som den allerede g�r. Bare uden den hopper. Og det samme den anden vej. Jeg h�ber at I forst�r mit problem, og jeg h�ber at der er nogen der kan komme med et tip eller hj�lp :-).

Omskrivning af jQuerry til Javascript

Sun, 19 Jun 2016 17:02:11 GMT

Hey,

Jeg er ved at fors�ge mig med at lave en android app med HTML/CSS. Det er g�et op for mig at jeg ikke kan bruge jQuerry til at lave min navbar, men skal derfor have lavet den om til Javascript. Men det er lidt sv�rt for mig at finde hj�lp online da alle vil have at man bruger jQuerry.

Det er ret simpel kode som bare tilf�jer en class n�r man trykker p� et link

JScript kode

 (function(){
 
         var body = $('body');
         $('.menu-toggle').bind('click', function(){
 
             body.toggleClass('menu-open');
             
             return false;
 
         });
 
     })();

H�ber der er nogle som kan hj�lpe.

S�gnings felt

Sat, 27 Feb 2016 14:25:09 GMT

Hej alle sammen.

Jeg leder efter en tutorial ang. en s�gningsform. Jeg fandt en for mange uger siden, men desv�rre kan jeg selvf�lgelig ikke finde den lige nu - og efter at have ledt google igennem, t�nkte jeg at jeg ville sp�rge her inde.

Det jeg s�ger er en tutorial, formentlig med JQuery i, hvor alle ord st�r fremme p� siden, og hvis der skrives i s�gningsfeltet, fjerner den de ord der ikke indeholder de bogstaver som skrives i s�gnings feltet. Ordene udtr�kkes fra en database.

Jeg h�ber det er til at forst�, og I har nogle gode tutorial sider til dette

Flytbare tabelceller

Fri, 05 Feb 2016 18:39:12 GMT

Hej
Jeg er igang med et projekt, hvor jeg har behov for at kunne flytte rundt p� nogle r�kker i en html-tabel.
Jeg har fundet frem til at det skal laves i jquery, da jeg allerede anvender jquery en del og ligeledes har flere jquery plugins installeret.
Det jeg dog ikke kan finde ud af er at g�re mine tabelr�kker flytbare, s�ledes at jeg kan flytte dem fra en placering til en anden.
Det minder meget om det funktionalitet de har i Drupal n�r man vil flytte rundt p� blokke eller menupunkter.
Jeg har forst�et grundprincippet i at jeg ved flytning af en r�kke skal lave noget kontrol af hvor vidt r�kken er placeret korrekt eller ej. Hvis den er placeret korrekt skal jeg s� modificere den aktuelle v�rdi i en eller flere select-elementer.

Min HTML-kode er allerede klar, s�ledes at jeg med jquery skjuler kolonnen med select-elementet, der styrer r�kkef�lgen, og i stedet viser en anden kolonne med et ikon der indikerer at man kan flytte rundt p� elementerne.

Jeg har fundet f�lgende eksempel: http://jsfiddle.net/mcoomey/Vn5SZ/1/
Det virker ganske fint, dog kan jeg ikke f� koden til at modificere mit select-element som jeg gerne vil.
Dern�st skal jeg have den til at kunne h�ndtere nesting, da man f.eks. i menuer skal kunne have underpunkter til et menupunkt og underpunkter til underpunkterne.

Er der nogen som kan sparke mig i den rigtige retning?

inds�t/fjern r�kke i tabel med jquery

Sat, 30 Jan 2016 23:42:42 GMT

Hej

Jeg sidder her og b�vler med et lille script, som kan oprette og slette r�kker i en tabel n�r man trykker p� nogle knapper (buttons).

jsfiddle

Jeg er dog rendt ind i en del problemer som jeg ikke rigtig kan finde ud af at l�se selv

Problemerne er:

1. hvis et felt er udfyld og jeg tilf�jer et, s� bliver feltet genereret med det samme indhold som den ovenst�ende - det g�r den fordi jeg bruger .clone(), men jeg fors�ger at fjerne indholdet i det nye felt med .removeAttr('value'), men det virker ikke.

2. min "Remove" button forsvinder, hvis der er mindre end to r�kker i tabellen, men den kommer ikke igen hvis antallet af r�kker er st�rre end 2

Jeg er slet ikke god til jquery, s� jeg er lidt ude og sv�mme her - er der nogen som kan give mig en h�nd med at f� det til at virke ?

P� forh�nd tak

Bootbox k�re ikke ved click event

Mon, 11 Jan 2016 12:39:37 GMT

Hejsa.

Jeg er ved at lave en confirm hvis der er noget der skal slettes, problemet er blot at boksen kun skal komme frem hvis jeg trykker p� knappen.

Det g�r den bare ikke, tester jeg det med en almindelig alert s� kommer den n�r jeg trykker.

Inden jeg bliver en sur og gnaven gammel mand, s� er der sikkert en venlig sj�l der kan give mig et skub i den rigtige retning s� jeg komme videre?

JScript kode

 $('.bootbox-confirm').click(function(){
             //bootbox.confirm("Er du sikker på du vil foretage denne handling?", function(){});
             alert('hej');
         });

Hente post fra Facebook side

Tue, 24 Nov 2015 17:09:18 GMT

Hejsa.

Jeg er ved at kigge p� at hente facebook post ud og f� den vist p� en side.
Men kan bare ikke forst� hvordan jeg f�r det til at ske. At kode op imod Facebook er en helt ny verden for mig.

Det skulle meget gerne v�re i noget JS, da det ikke er muligt at l�gge PHP eller andet serversprog p� hjemmesiden.

Nogen kloge hoveder?

jQuery history function bliver overf�rt til n�ste side?

Sat, 14 Nov 2015 18:34:46 GMT

Hej!

Jeg sidder i den situation at jeg har lavet et plugin i jQUery er det virker super fint, men inde i pluginet bruger jeg "function", s� min plugin ser fx s�ledes ud: ( Jeg har lavet et test plugin der giver en alert n�r man scroller )

JScript kode

 (function($) {
 
     $.fn.infiniteScroll = function(options) {
 
 function test(){
 alert('hej');
 }
 
 $(window).scroll(function() {
 
         if(typeof timeout == "number") {
         
         window.clearTimeout(timeout);
           delete timeout;
         }
         
           timeout = window.setTimeout( test, 500);
       
       });
 
     }(jQuery));

Den virker fint, og den function bruger jeg p� min forside.

Men jeg bruger jQuery history p� min hjemmeside, hvilket g�r at n�r jeg klikker p� "Om os" i navigationen er det kun <div id="load"></div> der henter siden uden at opdatere andet. Men hvis jeg nu scroller til bunden igen, s� kommer siger den stadig "alert('hej');" som jeg kun har inde p� min forside?

Hvorfor overf�re den pluginet til alle sider, n�r jeg kun har sat den inde i index.php og ikke about.php

H�ber I forst�r, ved ikke lige hvordan jeg kan forklare den anderledes, men sp�rg s� vil jeg gerne fors�ge! :-)

Hav en dejlig aften :-)

Websocket server

Tue, 10 Nov 2015 08:11:58 GMT

Hej,

h�ber nogle har lidt erfaring med web sockets, der kan dele ud af vise ord.
Jeg har googlet alverdens eksempler, men har ikke f�et noget til at virke for alvor.
Jeg har fx set p� https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_server

Jeg har brug for en web socket server, gerne en c# konsol, der kan tale med en html5 / php klient.

HTML ul list, med subview

Tue, 25 Aug 2015 14:23:14 GMT

Hej,

Jeg s�ger en mulighed for at lave en ul list hvor man kan se 1 ul list, n�r man s� trykker p� en bestemt klasse, k�re ul listen s� til venstre og en ny kommer frem til h�jre

fx

HTML kode

 <ul>
 <li>En </li>
 <li>To </li>
 <li>To 
 <ul>
 <li>En</li>
 <li>To <ul>
 <li>En</li>
 <li>to</li>
 </ul></li>
 </ul>
 </li>
 </ul>

H�ber i forst�r - Det minder lidt om iOS detail view, hvor man trykker p� et element og det nye vindue kommer frem fra h�jre :-)

jQuery get CSV (UTF-8)

Mon, 03 Aug 2015 13:05:47 GMT

N�r jeg henter min CSV fil (//cdn.shopify.com/s/files/1/0832/3453/t/11/assets/stores.csv)
S� bliver �� konverteret til ?

Hvis jeg henter filen via linket jeg har sendt, s� kan jeg sagtens se ��.
Min side har sat Charset til UTF-8.

JScript kode

 $.get('{{ "stores.csv" | asset_url }}', function(data) {
   console.log(data); // ÆØÅ konvertet til ?
 });

Redirect efter Ajax call

Sun, 19 Jul 2015 16:37:11 GMT

Hej
Jeg har i min applikation behov for at lave en Ajax-kald som det allersidste i min installation-wizard.
Jeg har f�et det p� plads s�ledes at kaldet k�rer, men jeg kan ikke f� den til at lave en redirect n�r den bagvedliggende PHP-kode er k�rt.

JScript kode

 //AJAX call to submit and install
 $(document).ready(function(){
     $.ajaxPrefilter(function(options, originalOptions, jqXHR){
         if (options['type'].toLowerCase() === "post") {
             jqXHR.setRequestHeader('X-CSRF-TOKEN', $('input[name="_token"]').attr('value'));
         }
     });
     var formdata = '';
     //console.log(formdata);
     $.ajax({
         type: "POST",
         url: "/installer/run",
         data: formdata,
         dataType: "json",
         success: function(response) {
             window.location.href = "/installer/finish";
         },
         fail : function() {
             window.location.href = "/installer/fail";
         }
     });
 });

Den bagvedliggende PHP-kode bygger p� Laravel 5.1 og dennes redirect() funktion benyttes til at afslutte med.
Hvis jeg blot laver en blank form der k�rer en POST til "/installer/run", s� k�rer den fint igennem og laver den redirect der skal laves og jeg f�r herefter ogs� enten fejlsiden eller finish-siden alt afh�ngig af resultatet, men hvordan fanger jeg en redirect i jquery ajax og giver den videre til browseren?

Animate i jQuery

Thu, 04 Jun 2015 07:31:11 GMT

K�re udviklere,

Sidder lige nu og bruger animate i jQuery, og er st�dt ind p� et mindre problem. Meningen er at n�r en bes�gende "scroller" ned p� siden, s� skal menuen samt logoet blive mindre. Den del har jeg f�et til at virke med animate.

Dog er mit problem at der �benbart er forskel p� om du bruger "scroll"-knappen p� musen eller i browservinduet. Hvis jeg bruger musen's "scroll"-knap, virker det udem�rket. Dog, hvis jeg bruger browserens scroll-bar animater menuen sig efter hvor hurtigt du scroller med baren.

Det er lidt sv�rt at forklare, men jeg h�ber p� at I forst�r.

Jeg har bygget det hele op p� den klassiske m�de. Dog er der flere steder jeg b�r ligge scripts'ne sammen, men det er en mindre detalje.

JScript kode

 $(window).scroll(function() {
         var _val = $(window).scrollTop();
         
         if(_val > 113) {
             $('.site-header').stop().animate({
                 height          : '73px'
             }, 'fast').addClass('box-shadow');
     
             $('.main-navigation').stop().animate({
                 marginTop       : '10px'
             }, 'fast');
             
             $('.site-title').stop().animate({
                 height          : '43px',
                 width           : '69px',
                 backgroundSize  : '100%'
             }, 'fast');
     
             $('.site-title a').css({
                 height          : '43px',
                 width           : '69px'
             });
         } else {
             $('.site-header').stop().animate({
                 height          : '113px'
             }, 'fast').removeClass('box-shadow');
     
             $('.main-navigation').stop().animate({
                 marginTop       : '30px'
             }, 'fast');
             
             $('.site-title').stop().animate({
                 height          : '83px',
                 width           : '134px'
             }, 'fast');
     
             $('.site-title a').css({
                 height          : '83px',
                 width           : '134px'
             });
         }
     });

Effekten skal f�rst finde sted n�r man har scrollet 113pixel p� siden. Det har noget at g�re med menuen's h�jde.

Nu har jeg ikke arbejdet s� meget med animate f�r. Derfor, hvis der er regler i forhold til animate som ikke bliver overholdt, s� sig endelig til.

H�ber at der er nogen som kan hj�lpe :-)

Jquery funktion reagere ikke som �nsket

Tue, 26 May 2015 02:21:43 GMT

Goddag k�rer udviklere, jeg er igang med at udvikle en side til mit community og har derfor lavet en javascript funktion der skal tjekke om kodeordet stemmer overens med nogle krav, der er sat.

JScript kode

 $("#submit").submit(function() {
     var pwc = $("#password").val();
     var rep_pwc = $("#repeat_password").val();
     
     if (pwc.length() < 5) {
         errormsg(1, "Dit kodeord skal være over 5 karaktere");
         return false;
     }
     else if (pwc.length > 30) {
         errormsg(1, "Dit kodeord må ikke være over 30 karaktere");
         return false;
     }
     else {
         var upperCase = new RegExp('[A-Z]');
         var lowerCase = new RegExp('[a-z]');
         var nummeric = new RegExp('[0-9]');
         if (pwc.match(upperCase) && pwc.match(lowerCase) && pwc.match(numeric) && /^[a-zA-Z0-9- ]*$/.test(pwc) == true) {
                 if (pwc == rep_pwc) {
                     
                 }
                 else {
                     errormsg(1, "De to indtastede kodeord passer ikke");
                     return false;
                 }
         }
         else {
             errormsg(1, "Dit kodeord skal indholde, Store og små bogstaver samt minimum 1 tal");
             return false;
         }
     }
 });

Id�en med funktionen er at hvis kodeordet ikke stemmer overens med de kriterier der er sat s� skal den undg� at siden refresher og mit php g�r i gang.

Den g�r bare ikke helt som �nsket, og alle de nu bryder disse krav vil blive skrevet ind i vores sikkerheds log som fors�g p� at omg� Javascript.

Jeg har ud over

JScript kode

 return false;

benyttet mig af

JScript kode

 preventDefault()

men intet af det fungere.