Archief - Javascript implementeren in een wordpress page

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
F

Frvr

Legacy Member
Ik heb onlangs een javascript/xml kaart van de US gekocht, welke ik nu graag zou implementeren in één van m'n wordpress pages. Na betaling kon ik een zip archief downloaden, dat bestond uit een html bestand, een .js bestand en een css stylesheet. screenshot van de ingesloten bestanden kun je heir zien

De map is zoals je in deze screenshot kunt zien opgedeeld in de 50 staten van de US. In index.html kan aangepast worden welke staten actief (clickable) zijn, en naar waar ze moeten linken.

Nu dacht ik simpelweg het javascript bestand en de stylesheet te moeten uploaden, en de code uit index.html kopiëren in een nieuwe wordpress Page, maar dat blijkt dus niet te werken (waarschijnlijk omdat de wordpress editor enkel HTML aanvaard)...

Kan iemand mij hiermee helpen (evt. tegen betaling) want ik heb geen zin om weer een filipino van odesk of elance met mijn site te laten klooien... :)
D

Dieterg

Legacy Member
Je zal zowiezo in uw header.php file een verwijzing moeten leggen naar u js folder.

Code: 
<script type="text/javascript src="<?php echo get_bloginfo('template_directory')?>/js/usamap.js"></script>

Wat je dan kan doen is een nieuw template aanmaken..

kopieer 'page.php' en geef het een andere naam.. Bv: kaart.php.

Bovenaan deze pagina voeg je volgende code toe:

Code: 
<?php
/*
Template Name: Kaart
*/
?>

Kopieer nu de code vanuit het html file (alles wat tussen de body staat).

In uw kaart.php file zal je normaal gezien ergens <div class="entry"> alles wat in deze div zit moet je vervangen door wat je uit uw html file gehaald hebt.

Maak in wordpress een nieuwe page aan en kies als template 'Kaart'. Ik heb het zo goed mogelijk proberen uit te leggen. Ik hoop dat je er iets mee bent!

Mvg Mam
F

Frvr

Legacy Member
Met dank aan Mam is het gelukt om de map in een page te krijgen, maar die overlapt nu wel m'n sidebar (een deel is zichtbaar 'onder' de sidebar). Ik heb al enkele van m'n coding outsourcers gecontacteerd en die vertellen me allemaal dat de map niet automatisch aan de page breedte kan aangepast worden, doordat het hier om een javascript/jquery bestand gaat.

Alle afmetingen in zowel de stylesheet als html zouden dus moeten aangepast worden... Wie kennis heeft van html/css en geïnteresseerd is om af en toe wat bij te verdienen kan me een pm zenden, ik ben het beu om met die filipinos te werken (no offence) :p
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan