Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum. Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden. Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!

We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.

Team Webprofis

nuet

Info Algemeen

Naam
nuet
Aangemeld
Bezoeken
1,861
Laatst Actief
Rollen
Administrator
Punten
101
Badges
5

Posts
878
  • verander style als op anchor geklikt

    Kwam er pas achter dat de lijnnummers wel uit te sluiten zijn van de select area:
    http://jsfiddle.net/Ax8Hz/15/

    ol.linenums li {

    list-style-type: decimal;
    /* dont' select linenumbers */
    -user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    }
    /* select only code */
    ol.linenums li code {
    -user-select: all;
    -webkit-user-select: all; /* Chrome/Safari */
    -webkit-user-select: text; /* Safari only */
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* IE10+ */
    }

    Die toggleClass optie was dus niet nodig geweest:

    Eigenlijk had dit ook niet gehoeven want de lijnnummers werden weliswaar geselecteerd maar niet gekopieerd naar het clipboard . Maar kan me voorstellen dat zoiets toch verwarring schept vandaar dat ik zocht om ze ook niet eens te selecteren
    http://develop3.webprofis.nl/discussion/460/test-code-block#latest
    De nieuwe editor heeft nog maar 1 code toets en alle code wordt met GooglePrettify gehighlight (javascript gebaseerd)
    vinTage
  • Hoe een favicon te plaatsen? en hoe de google-map her in delen?

    favicon:
    in de head dit neerzetten:


    <link rel="icon" type="image/png" href="/pad/naar/favicon.png" />

    Locatie google maps:
    in je head wordt er een javascript geladen met o.a. deze code erin:


    function initialize() {
    var myLatlng = new google.maps.LatLng(52.07006699999999,-4.346014999999966);
    var myOptions = {
    zoom: 12,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    /* rest van script...*/

    De LatLng is de latitude longitudinaal met daarachter de coordinaten.
    Ga nu naar google maps en type het adres in wat je wilt hebben, bijvoorbeeld Grote Beerenstraat 30, Den Haag
    Je krijgt nu in de url een string te zien met daarin oa. de coordinaten voor dat adres.
    https://www.google.nl/maps/place/Grote+Beerstraat+30,+2516+BZ+Den+Haag/@52.070067,4.346015,17z/data=!3m1!4b1!4m2!3m1!1s0x47c5b7aaa295fea9:0x2a03e515ac42629c?hl=en
    Achter het @ teken staan de coordinaten voor dit adres. (52.070067,4.346015,17)
    Deze vul je nu in in het scriptje hierboven; dus verwijder de oude coordinaten en vul de nieuwe in
    ReneV
  • JS show/hide ipv naar onder naar rechts

    ja de cores files zijn goed maar ik heb ze hierboven in de verkeerde volgorde gezet:
    eerst moet de normale api en daarna pas de ui want de ui is afhankelijk van de andere en die moet dus eerst geladen worden. Dus in deze volgorde in de head zetten:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>;
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>;

    En dan het scriptje onder de html zetten:

    <div id="showmenu">Click Here</div>
    <div class="menu">
    <ul>
    <li>Button1</li>
    <li>Button2</li>
    <li>Button3</li>
    </ul>
    </div>

    <script>$("#showmenu").click(function () {

    var effect = 'slide'; // slide effect
    var options = { direction: "left" };// van li naar rechts
    var duration = 500;// 1000 = 1 sec

    $('.menu').toggle(effect, duration);
    });</script>

    Toch geef ik persoonlijk ook de voorkeur aan de css versie. Mijn gedachtengang: iets wat je met css kunt bereiken moet je altijd met css proberen te doen tenzij het neit anders gaat en je javascript nodig hebt.
    PatrimuReneV