Voor de zaak waar ik werk heb ik in afgelopen periode de website omgebouwd van een vrij inflexibel maatwerksysteem naar een CMSMS (1.11.10) installatie. Ik heb er gelijk een responsive design op los gelaten.
Een van de grote uitdagingen was de vrij complexe datastructuur uit de bestaande database omzetten naar de tabellen in de database van CMSMS. Ik heb dat gedaan met talloze SQL commando's.
http://www.beauforthuis.nl
Gebruikte modules
CGExtensions
CGSmartImage
Gallery
Gebruikte tags
FacebookLikeButton
ContentToggle
jQuery
Gebruikt voor fancybox popup (bij kaartverkoop), responsive menu en voor het verwijderen van width, height en frameborder bij iframes.
responsive menu
Het multi toggle menu van http://responsivenavigation.net/
de agenda
Voor de concertagenda gebruik ik News-module. Een groot aantal categorieën en zelf gedefinieerde velden maakt het mogelijk het concertprogramma per jaar weer te geven en uiteenlopende onderdelen als prijzen, foto's, video en concerttypes in te voeren en weer te geven.
Tevens maakte ik gebruik van Rolfs tag-oplossing (http://www.rolftjassens.com/blog/add-tags-to-the-cgblog-or-news-module) om muziek-genres te bundelen.
Er zit nog ergens een storende oneffenheid die ik niet heb kunnen oplossen: pretty URLs in combinatie met News-items die een custom URL hebben, geven een 404 error. Ook de Search module vindt dergelijke items niet. Ik hoop dat nog op te lossen. Dit is de reden dat de agenda-items (en alle andere News-module items) geen custom URL hebben (en daarom een not-so-pretty URL).
Jammer, maar helaas.
video
Van embedded video iframes verwijder ik eerst (met jQuery) height en width attribuut. Resultaat is dat ze dan 150px hoog worden weergegeven. De breedte schaalt wel mee in het responsive design, maar de hoogte blijft die 150px. Als oplossing hiervoor heb ik een compact JavaScript gebruikt van Todd Motto (
http://toddmotto.com/fluid-and-responsi ... idvids-js/
).
validatie
De CSS-validatie is nog niet helemaal op orde - ik moet de stylesheets nog opschonen, maar dat komt wel (er staat veel meuk in van mijn door Dreamweaver gegenereerde basistemplate).
een beetje hulp kan ik nog gebruiken
De site is sinds enkele dagen live en we zijn er gelukkig mee, maar ik heb toch nog drie zaken die ik zou willen oplossen. Wellicht heeft iemand daar suggesties voor.
1 - News met custom URL in combinatie met pretty URLs geeft 404 error en Search module kan dergelijke items niet vinden
Ik snap niet waarom dit niet werkt. Heb er ook al met anderen naar gekeken (ook via 't forum), maar kom er niet verder mee. Dit speelde reeds bij een eerste versie van de huidige site en nog steeds bij een later opgezette nieuwe versie.
referenties:
viewtopic.php?f=7&t=68408
viewtopic.php?f=7&t=69249
(KitchM en Rab hebben vergelijkbare, hoewel niet indentieke problemen)
2 - Video's laden soms beeldvullend in een nieuwe browsertab
Bij de meeste concert-items staan een of meer video's (embedded YouTube, in iframe) en soms komt zo'n filmpje beeldvullend in een nieuwe browsertab omhoog, als je in het concertoverzicht op een detail-link klikt. Gebeurt lang niet altijd, maar soms dus wel. Kan dit te maken hebben met de lokatie waar ik het schalings-script (zie boven) heb staan? Ik roep het nu aan direct voor de afsluitende body-tag.
3 - verwijderen width, height en frameborder - script zou correct zijn, maar wordt niet uitgevoerd
Ik kwam er net (bij de HTML-validatie) achter dat het script helemaal niet wordt uitgevoerd. Nu wordt alles goed afgebeeld, dus dat is op zich niet erg, maar ik zou graag willen weten hoe ik het script wel werkend krijg. Het GCB waarin ik het heb staan ziet er zo uit
Code:
{literal}
<__script__>
$(document).ready(function() {
$('iframe').removeAttr('width');
});
$(document).ready(function() {
$('iframe').removeAttr('height');
});
$(document).ready(function() {
$('iframe').removeAttr('frameborder');
});
</__script>
{/literal}
Het wordt aangeroepen in het News detailsjabloon, zie bijv. http://www.beauforthuis.nl/news/1635/18/Egbert-Derix-Iain-Matthews/d,bf-agenda
Heb ik dit op een verkeerde plek staan, waardoor het niet wordt uitgevoerd? Ik heb het ook geprobeerd met $(window).load(function() maar zonder resultaat.
Nou, ik ben benieuwd wat jullie er van vinden.
Frank