Archive for Programering

jQuery – append to table rows

If you use jQuery for everyday, it might be wonderful to learn how you can do an “append” for your tablet without your lines goes amork.

Even I have started using a very smart method which makes I can remove tr’s without my rows / fields breaks down.
Read more

MySQL – Easy way to insert rows from one table into a secound

If you are one of the persons there can rip your hair of your head when customers asking you to adding a lot of rows from your MySQL table to another table based on certain requirements.

Then take this little tip possibly helping you to a fun business day
Read more

DomDocument i PHP5

In PHP, there are many different ways to create XML, but the absolut easiest way is by using DomDocument.

Start with create a new DomDocument object
Read more

zen-coding – TextMate – Optimer udviklingstiden

Er du lige som jeg og benytter TextMate, så er der her et rigtig dejligt Addon til programmet “Zen-Coding” det vil spare dig for utrolig meget tid hvor du før brugt tiden på de normale HTML tags.
Read more

slideTroggle – jQuery

Har længe ledt efter en måde at lave “slideup” og “slidedown” på i jQuery, faldt tilfældigvis over denne stump kode, som gør netop det som jeg altid har kodet mig ud af, nu klares det bare på en linje isted for 10 (:

<button>Toggle</button>
 
  <p>
    This is the paragraph to end all paragraphs.  You
    should feel <em>lucky</em> to have seen such a paragraph in
    your life.  Congratulations!
  </p>
<script>
    $("button").click(function () {
      $("p").slideToggle("slow");
    });
</script>

jQuery hover effekt i Chrome fix

Efter at have brugt hover effekten i jQquery ( $(this).hover(over,out); ) har det skabt et enklet problem som virket meget underligt, nermlig i Chrome hvor der bliver brugt et div tag til login boks med input felter.
Read more

MySQL cloud – xeround.com

Jeg har søgt lidt efter nået nyt for at se hvordan det vil være at baser sin database på et clouding center der ikke laver andet end at cloude databaser.

Mit valg falder naturligvis på MySQL og jeg vil nu gerne prøve dette for at se om det er bedre, billigere og nemere for mig som udvikler at benytte dette.

Derfor har jeg idag valgt at ligge min personlig blog hos xeround.com som er den udbyder jeg lige faldt over der havde nået med MySQL clouding at gøre.

De benytter Amazon EC2 og det er muligt at placer det i et EU datacenter som gør ping tiden mindre end hvis det havde været i USA eks.

Det er muligt selv at prøve deres løsning ved at oprette en profil på http://xeround.com

Multiple backgrounds med CSS3

Med CSS3 har du mulighed for at lave det der bliver kaldt “Multiple backgrounds” det er også en mulighed i CSS2 i nogle browser som Firefox, Safarie, Chrome og Oprea men ikke IE8 og ældre.

Det første du gør er at lave 3 billedere med følge info.

Top: multiple-background-top.gif ( 100x10px )
Midt: multiple-background-middle.gif ( 100x1px )
Bund: multiple-background-top.gif ( 100x10px )

bemærk at bund og top billedet ikke må have transaperant i sig, da billedet i midten vil være baggrunden.

Prøv at skriv et div tag hvor i du angiver en class med navnet multiple-backgrounds som dette

1
2
3
4
5
<div class="multiple-backgrounds">
<div class="box-content">
Dit indhold her i boxen.
</div>
</div>

Næst tilføjer du nu dette til din CSS fil.

1
2
3
4
5
6
7
8
9
10
11
12
13
.multiple-backgrounds
{
background: url(multiple-background-top.gif) top left no-repeat,
url(multiple-background-bottom.gif) bottom left no-repeat,
url(multiple-background-middle.gif)  center left;
width: 100px;
min-height: 250px;
}
 
.box-content
{
padding: 15px;
}

Grunden til jeg ligger en padding 15px inden i er fordi at top og bund billederen er hver 10px høj så for ikke at gå i disse top billeder vælger jeg at lave lidt luft og naturligvis også give lidt luft i højer og venstre side.

hvordan du til passe netop din box er nået du selv vælger ;)

Hvis du har evt. kommentar tips/tricks til denne metode høre jeg gerne hvad du har på hjertet.

Youtube – ClientLogin

For at lave en forbindlse til Youtube API’et kræver det at du bruger ClientLogin for at op nå adgang til din Youtube bruger konto.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
require_once( 'Zend/Loader.php');
Zend_Loader::loadClass('Zend_Gdata_AuthSub');
Zend_Loader::loadClass('Zend_Gdata_ClientLogin');
 
define('YOUTUBE_USER_NAME','dit brugernavn');
define('YOUTUBE_USER_PASSWORD','adgangskode');
define('YOUTUBE_APP_NAME','program navn');
define('YOUTUBE_CLIENT_ID','klient id');
define('YOUTUBE_DEVELOPER_KEY','API nøgle');
 
$authenticationURL= 'https://www.google.com/accounts/ClientLogin';
$httpClient = Zend_Gdata_ClientLogin::getHttpClient(
$username = YOUTUBE_USER_NAME,
$password = YOUTUBE_USER_PASSWORD,
$service = 'youtube',
$client = null,
$source = 'MySource', // a short string identifying your application
$loginToken = null,
$loginCaptcha = null,
$authenticationURL);
 
$yt = new Zend_Gdata_YouTube($httpClient,YOUTUBE_APP_NAME,YOUTUBE_CLIENT_ID,YOUTUBE_DEVELOPER_KEY);

Med denne stump kode opretter du forbindlse til dit Youtube API og kan nu udføre forskellige handlingere som bla. oprette ny video, gør den privat/public eller endag få andre bruger til at vote eller kommetere dine videoere.

For at få denne tutorial til at fungere skal du benytte Zend Framework hvor der bliver brugt følge klasser

  • Zend_Loader
  • Zend_Gdata_AuthSub
  • Zend_Gdata_ClientLogin

LESS.app gør det nemt for OSX bruger at benytte LESS i hverdagen!

Jeg har efterhåden brugt LESS i en del tid, før i tiden brugte jeg terminal til at compile mine less filer, men efter lidt surfen på nettet faldt jeg over en rigtig dejlige App til Mac OSX som gør det beskidte arbejde for en.

Ud over at LESS.app compiler dine less filer til css filer, har du også mulighed for at miniere dit css kode minimalt og der ved spare endnu mere plads når du får din endlige css fil.

Du kan hente LESS.app gratis hos incident57.com