Terminé

Responsive layout - matchMedia in realtime

Hi!

I would like to make a calendar responsive / to change the layout by resizing the window.

[url removed, login to view]

I was playing around with matchMedia and realised that the code is being changed in different sizes of the browsers window. But it is only changed when refreshing the site. I would like to have it changed in realtime when resizing it! Furthermore the matchMedia code needs to be added by some code that it is only working when the URL is not containing the string "mode".

if (matchMedia('only screen and (max-width: 380px)').matches) {

<!--//--><![CDATA[//><!--

[url removed, login to view] = 1;

[url removed, login to view] = 2;

[url removed, login to view] = 2;

//--><!]]>

}

else { if (matchMedia('only screen and (max-width: 480px)').matches) {

<!--//--><![CDATA[//><!--

[url removed, login to view] = 2;

[url removed, login to view] = 2;

[url removed, login to view] = 2;

//--><!]]>

}

else { if (matchMedia('only screen and (max-width: 680px)').matches) {

<!--//--><![CDATA[//><!--

[url removed, login to view] = 3;

[url removed, login to view] = 2;

[url removed, login to view] = 2;

//--><!]]>

}

}

}

Compétences : jQuery / Prototype, PHP

en voir plus : layout video site myspace, layout css site lawyer, layout voor site, center layout oscommerce site, changing page layout team site, layout radio site, flashing layout generator site, best layout video site, web layout programming site, layout creation site

Concernant l'employeur :
( 24 commentaires ) Norderney, Germany

Nº du projet : #8496568

Décerné à:

allmywebwork

☛ Hi! I'm really glad see your new task here. I remember your project. It's really interesting. In this case we must use mediaquary (not matchMedia) Please contact me to discuss at Freelancer chat. About me. Plus

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 3 jours
(18 Commentaires)
4.6

2 freelance font une offre moyenne de $18 pour ce travail

wizard8912

Nie złożono jeszcze oferty.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)
0.0