Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
mikk-

mikk-

Skrevet
Skrevet

Kall det en servicepack. :) Nytt utseende (mer gloss, wohoo), større støtte for matematiske funksjoner (integrasjon, derivasjon, valgfritt visningsområde i graf), små oppdateringer på valuta- og enhetskalkulator. Pluss en del justeringer behind the scenes. Er egentlig bare en akkumulasjon av de tingene jeg justert på siden i mai.

Lenke til kommentar
Arve Systad

Arve Systad

Skrevet
Skrevet (endret)

Sikkert ikkje dritmorro for alle andre enn meg, men eg må nesten spre litt publisitet om jobben eg har hatt i sommar når det først kjem masse stæsj i aviser rundtomkring.

 

http://www.tu.no/it/article217269.ece

 

http://e24.no/it/article3187449.ece

 

Einaste som var surt var at eg ikkje fekk vere på MS Surface-prosjektet. Oh well.

 

Og til dei som får muligheten til å søke på sommarjobb i Accenture: Go go! Super greie! :)

Endret av Arve Systad
Lenke til kommentar
Arve Systad

Arve Systad

Skrevet
Skrevet
Jøss, har du jobba med kybfolk? :) Hva gjorde du?

 

Har jobba på ein nettapplikasjon, ein slags læringsportal-sosialt-nettverk-ish-greie med ei litt spesiell målgruppe. Har absolutt vore veldig bra, sjølv om eg må innrømme at eg hadde veldig lyst å jobbe med Surface. Dei held på vegg i vegg, så eg får i det minste leike litt med bordet i blant :-)

Lenke til kommentar
AnaXyd

AnaXyd

Skrevet
Skrevet

Driver for tiden litt med jQuery, og har støtt på et problem når jeg skal ha flere forskjellige effekter på samme side. F.eks coda slider, coda-popup og noe annet rask. Da er det bare coda slideren som funker, og ikke det andre.

 

Noen av dere som har peiling på hva jeg kan gjøre galt?

Lenke til kommentar
AnaXyd

AnaXyd

Skrevet
Skrevet (endret)

Selvsagt! Bare tenkte det ville bli litt mye informasjon til dere på en gang, men her har jeg det:

 

Javascript load i header tagen:

 

<script type="text/javascript" src="/wp-content/themes/twilight/js/jquery.js"></script>
<script type="text/javascript" src="/wp-content/themes/twilight/js/coda-slider.js"></script>
<script type="text/javascript" src="/wp-content/themes/twilight/js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="/wp-content/themes/twilight/js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="/wp-content/themes/twilight/js/jquery.serialScroll-1.2.2-min.js"></script>
<script type="text/javascript" src="/wp-content/themes/twilight/js/shocker-effect.js"></script>
<script type="text/javascript" src="/wp-content/themes/twilight/js/coda-popup.js"></script>

 

Har funnet ut at det er Coda-slider opplegget som interferer med de andre. Når jeg tar vekk den, så funker alt.

 

Her er koden til Coda Slideren:

 

// JavaScript Document coda-slider.js
// when the DOM is ready...
$(document).ready(function () {

var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');

// if false, we'll float all the panels left and fix the width 
// of the container
var horizontal = true;

// float the panels left if we're going horizontal
if (horizontal) {
 $panels.css({
'float' : 'left',
'position' : 'relative' // IE fix to ensure overflow is hidden
 });

 // calculate a new width for the container (so it holds all panels)
 $container.css('width', $panels[0].offsetWidth * $panels.length);
}

// collect the scroll object, at the same time apply the hidden overflow
// to remove the default scrollbars that will appear
var $scroll = $('#slider .scroll').css('overflow', 'hidden');

// handle nav selection
function selectNav() {
 $(this)
.parents('ul:first')
  .find('a')
	.removeClass('active')
  .end()
.end()
.addClass('active');
}

$('#slider .product-meny').find('a').click(selectNav);

// go find the navigation link that has this target and select the nav
function trigger(data) {
 var el = $('#slider .product-meny').find('a[href$="' + data.id + '"]').get(0);
 selectNav.call(el);
}

if (window.location.hash) {
 trigger({ id : window.location.hash.substr(1) });
} else {
 $('ul.product-meny a:first').click();
}

// offset is used to move to *exactly* the right place, since I'm using
// padding on my example, I need to subtract the amount of padding to
// the offset.  Try removing this to get a good idea of the effect
var offset = parseInt((horizontal ? 
 $container.css('paddingTop') : 
 $container.css('paddingLeft')) 
 || 0) * -1;


var scrollOptions = {
 target: $scroll, // the element that has the overflow

 // can be a selector which will be relative to the target
 items: $panels,

 navigation: '.product-meny a',

 // selectors are NOT relative to document, i.e. make sure they're unique
 prev: 'img.left', 
 next: 'img.right',

 // allow the scroll effect to run both directions
 axis: 'xy',

 onAfter: trigger, // our final callback

 offset: offset,

 // duration of the sliding effect
 duration: 500,

 // easing - can be used with the easing plugin: 
 // http://gsgd.co.uk/sandbox/jquery/easing/
 easing: 'swing'
};

// apply serialScroll to the slider - we chose this plugin because it 
// supports// the indexed next and previous scroll along with hooking 
// in to our navigation.
$('#slider').serialScroll(scrollOptions);

// now apply localScroll to hook any other arbitrary links to trigger 
// the effect
$.localScroll(scrollOptions);

// finally, if the URL has a hash, move the slider in to position, 
// setting the duration to 1 because I don't want it to scroll in the
// very first page load.  We don't always need this, but it ensures
// the positioning is absolutely spot on when the pages loads.
scrollOptions.duration = 1;
$.localScroll.hash(scrollOptions);

});

 

 

 

Shocker effect(veldig rå effekt! anbefales!!):

 

$(function(){

 

$("#kat2-button").css({

opacity: 0.3

});

$("#kat3-button").css({

opacity: 0.3

});

$("#kat4-button").css({

opacity: 0.3

});

$("#kat5-button").css({

opacity: 0.3

});

 

$("#shocker li.button").click(function(){

 

$clicked = $(this);

 

// if the button is not already "transformed" AND is not animated

if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {

 

$clicked.animate({

opacity: 1,

}, 600 );

 

// each button div MUST have a "xx-button" and the target div must have an id "xx"

var idToLoad = $clicked.attr("id").split('-');

 

//we search trough the content for the visible div and we fade it out

$("#slidercontent").find("div:visible").fadeOut("fast", function(){

//once the fade out is completed, we start to fade in the right div

$(this).parent().find("#"+idToLoad[0]).fadeIn();

$(this).parent().find("div.prom-text").fadeIn();

$(this).parent().find("div.readmore").fadeIn();

})

}

 

//we reset the other buttons to default style

$clicked.siblings(".button").animate({

opacity: 0.5,

}, 600 );

 

});

});

 

 

 

Coda popup:

 

// JavaScript Document - Coda popup
$(function () {
 $('.bubbleInfo').each(function () {
// options
var distance = 10;
var time = 250;
var hideDelay = 500;

var hideDelayTimer = null;

// tracker
var beingShown = false;
var shown = false;

var trigger = $('.trigger', this);
var popup = $('.popup', this).css('opacity', 0);

// set the mouseover and mouseout on both element
$([trigger.get(0), popup.get(0)]).mouseover(function () {
  // stops the hide event if we move from the trigger to the popup element
  if (hideDelayTimer) clearTimeout(hideDelayTimer);

  // don't trigger the animation again if we're being shown, or already visible
  if (beingShown || shown) {
	return;
  } else {
	beingShown = true;

	// reset position of popup box
	popup.css({
	  top: -60,
	  left: -1,
	  display: 'block' // brings the popup back in to view
	})

	// (we're using chaining on the popup) now animate it's opacity and position
	.animate({
	  top: '-=' + distance + 'px',
	  opacity: 1
	}, time, 'swing', function() {
	  // once the animation is complete, set the tracker variables
	  beingShown = false;
	  shown = true;
	});
  }
}).mouseout(function () {
  // reset the timer if we get fired again - avoids double animations
  if (hideDelayTimer) clearTimeout(hideDelayTimer);

  // store the timer so that it can be cleared in the mouseover if required
  hideDelayTimer = setTimeout(function () {
	hideDelayTimer = null;
	popup.animate({
	  top: '-=' + distance + 'px',
	  opacity: 0
	}, time, 'swing', function () {
	  // once the animate is complete, set the tracker variables
	  shown = false;
	  // hide the popup entirely after the effect (opacity alone doesn't do the job)
	  popup.css('display', 'none');
	});
  }, hideDelay);
});
 });
});

 

 

 

 

De andre scriptene har jeg ikke rørt.

 

Har løst det midlertidig med å ikke loade coda-slider på sidene den ødelegger for. Men dette er jo liksom den "lettvinde" metoden, men kanskje ikke beste..

 

Om det er noe mer kode som trengs for å vite mer, si gjerne ifra!

Endret av AnaXyd
Lenke til kommentar
AnaXyd

AnaXyd

Skrevet
Skrevet (endret)

Det kan jo være.. :( Jeg klarte å løse en side til ved å legge til javascriptet like over diven som blir berørt av javaen. Veit ikke hvorfor det funket da, men det funker jo!

 

Men redd det er litt jalla slik jeg har gjort det nå, og vil jo gjerne få det til å være "onkli'".

Endret av AnaXyd
Lenke til kommentar
Sono Juventino

Sono Juventino

Skrevet
Skrevet

Skal en tur til militæret snart, og lurer på om jeg skal sette meg inn i et programeringsspråk mens jeg er der. Har lest mye bra om Django og tenkte det sikkert er flere med litt erfaring her.

 

Kan ikke noe programeringsspråk at all ennå. Kommer til å forsøke å lage et eget CMS til en fotballside, og det vil nødvendigvis bli en ganske stor utfordring. Skulle gjerne hatt en bok som kunne satt meg godt inn i språket. Hvilket programeringsspråk vil være enklest å lære seg for en nybegynner? Hvilket språk er lettest med tanke på sikkerheten? Har lite lyst til å få mitt første prosjekt hacket.

 

Driver en relativt liten side foreløpig med 320 registrerte brukere i forumet og med daglig treff på 280-320 unike brukere. Forslag til språk, generelle tips, bøker og e-bøker mottas med stor takk.

 

Thomas

Lenke til kommentar
Garreth

Garreth

Skrevet
Skrevet
Samme spørsmål igjen:

 

Skal sette meg inn i et programeringsspråk. Har lest mye bra om Django og tenkte det sikkert er flere med litt erfaring her. Hvilket programeringsspråk vil være enklest å lære seg for en nybegynner? Django noe å satse på?

Jeg har holdt på med php en stund, men har aldri helt kommet inn i det språket. Django syns jeg selv har en mye mindre bratt læringskurve enn f.eks php. Du kommer fort i gang siden det følger med et ganske bra adminstrator interface. Er også veldig mye god dokumentasjon for django. http://djangobook.com/en/2.0/ er ganske grei å begynne på.

 

Django bygger på python, men man trenger ikke så fryktelig mye kunnskaper om det for å drive med django (Det hjelper selvfølgelig å kunne python for å gjøre mer avanserte ting)

Lenke til kommentar
  • 2 uker senere...
prebenl

prebenl

Skrevet
Skrevet (endret)
Samme spørsmål igjen:

 

Skal sette meg inn i et programeringsspråk. Har lest mye bra om Django og tenkte det sikkert er flere med litt erfaring her. Hvilket programeringsspråk vil være enklest å lære seg for en nybegynner? Django noe å satse på?

Av web-plattformene jeg har erfaring med (Java EE, ASP.NET, PHP), er PHP det som er desidert lettest å komme i gang med. Django har jeg desverre svært lite erfaring med foreløpig.

Endret av Geofrank
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...