Arclite86 Posted December 14, 2014 Posted December 14, 2014 I only need the number 9 class="<span class="ProfileNav-value" data-is-compact="false"> 9 </span>" How can i achive that I have tried this For $oLink In $oLinks If $oLink.className = 'ProfileNav-value' Then If $oLink.getAttribute('data-nav') = 'followers' Then $4er = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2, $4er, ""& $oLink.innerText) ConsoleWrite('Followers = ' & $oLink.innerText & @CRLF)
computergroove Posted December 14, 2014 Posted December 14, 2014 Can you post some html or a link to the site so we can test? Did your code above give you any errors? Get Scite to add a popup when you use a 3rd party UDF -> http://www.autoitscript.com/autoit3/scite/docs/SciTE4AutoIt3/user-calltip-manager.html
Arclite86 Posted December 14, 2014 Author Posted December 14, 2014 page source: expandcollapse popup<!DOCTYPE html> <!--[if IE 8]><html class="lt-ie10 ie8" lang="nl data-scribe-reduced-action-queue="true""><![endif]--> <!--[if IE 9]><html class="lt-ie10 ie9" lang="nl data-scribe-reduced-action-queue="true""><![endif]--> <!--[if gt IE 9]><!--><html lang="nl" data-scribe-reduced-action-queue="true"><!--<![endif]--> <head> <meta charset="utf-8"> <script id="swift_action_queue"> (function(){function m(a){a||(a=window.event);if(!a)return!1;a.timestamp=(new Date).getTime();!a.target&&a.srcElement&&(a.target=a.srcElement);if(document.documentElement.getAttribute("data-scribe-reduced-action-queue")){var b=a.target;while(b&&b!=document .body){if(b.tagName=="A")return;b=b.parentNode}}r("all",s(a));if(!q(a)){r("direct",a);return!0}document.addEventListener||(a=s(a));a.preventDefault=a.stopPropagation=a.stopImmediatePropagation=function(){};if(i){f.push(a);r("captured",a)}else r("ignored",a );return!1}function n($){p();for(var a=0,b;b=f[a];a++){var d=$(b.target),e=d.closest("a")[0];if(b.type=="click"&&e){var g=$.data(e,"events"),i=g&&g.click,j=!e.hostname.match(c)||!e.href.match(/#$/);if(!i&&j){window.location=e.href;continue}}d.trigger(b)}window .swiftActionQueue.wasFlushed=!0}function o(){for(var a in j){if(a=="all")continue;var b=j[a];for(var c=0;c<b.length;c++)console.log("actionQueue",u(b[c]))}}function p(){clearTimeout(g);for(var a=0,b;b=e[a];a++)document["on"+b]=null}function q(a){if(!a.target )return!1;var b=a.target,e=(b.tagName||"").toLowerCase();if(a.metaKey)return!1;if(a.shiftKey&&e=="a")return!1;if(b.hostname&&!b.hostname.match(c))return!1;if(a.type.match(d)&&w(b))return!1;if(e=="label"){var f=b.getAttribute("for");if(f){var g=document.getElementById (f);if(g&&v(g))return!1}else for(var i=0,j;j=b.childNodes[i];i++)if(v(j))return!1}return!0}function r(a,b){b.bucket=a;j[a].push(b)}function s(a){var b={};for(var c in a)b[c]=a[c];return b}function t(a){while(a&&a!=document.body){if(a.tagName=="A")return a; a=a.parentNode}}function u(b){var c=[];b.bucket&&c.push("["+b.bucket+"]");c.push(b.type);var d=b.target,e=t(d),f="",g,i,j=b.timestamp&&b.timestamp-a;if(b.type==="click"&&e){g=e.className.trim().replace(/\s+/g,".");i=e.id.trim();f=/[^#]$/.test(e.href)?" ("+ e.href+")":"";d='"'+e.innerText.replace(/\n+/g," ").trim()+'"'}else{g=d.className.trim().replace(/\s+/g,".");i=d.id.trim();d=d.tagName.toLowerCase();b.keyCode&&(d=String.fromCharCode(b.keyCode)+" : "+d)}c.push(d+f+(i&&"#"+i)+(!i&&g?"."+g:""));j&&c.push(j); return c.join(" ")}function v(a){var b=(a.tagName||"").toLowerCase();return b=="input"&&a.getAttribute("type")=="checkbox"}function w(a){var b=(a.tagName||"").toLowerCase();return b=="textarea"||b=="input"&&a.getAttribute("type")=="text"||a.getAttribute("contenteditable" )=="true"}var a=(new Date).getTime(),b=1e4,c=/^([^\.]+\.)*twitter\.com$/,d=/^key/,e=["click","keydown","keypress","keyup"],f=[],g=null,i=!0,j={captured:[],ignored:[],direct:[],all:[]};for(var k=0,l;l=e[k];k++)document["on"+l]=m;g=setTimeout(function(){i=!1 },b);window.swiftActionQueue={buckets:j,flush:n,logActions:o,wasFlushed:!1}})(); </script> <script id="composition_state"> (function(){function a(a){a.target.setAttribute("data-in-composition","true")}function b(a){a.target.removeAttribute("data-in-composition")}if(document.addEventListener){document.addEventListener("compositionstart",a,!1);document.addEventListener("compositionend" ,b,!1)}})(); </script> <link rel="stylesheet" href="https://abs.twimg.com/a/1418162186/css/t1/twitter_core.bundle.css"> <title>Helmer Tilmans (@HelmerTilmans) | Twitter</title> <meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png"/> <meta name="msapplication-TileColor" content="#00aced"/> <link href="//abs.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"> <meta name="swift-page-name" id="swift-page-name" content="profile"> <link rel="canonical" href="https://twitter.com/helmertilmans"> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Twitter"> <link rel="stylesheet" href="https://abs.twimg.com/a/1418162186/css/t1/twitter_more_1.bundle.css"> <link rel="stylesheet" href="https://abs.twimg.com/a/1418162186/css/t1/twitter_more_2.bundle.css"> <style id="user-style-HelmerTilmans"> a, a:hover, a:focus, a:active { color: #0084B4; } .u-textUserColor, .u-textUserColorHover:hover, .u-textUserColorHover:focus { color: #0084B4 !important; } .u-borderUserColor, .u-borderUserColorHover:hover, .u-borderUserColorHover:focus { border-color: #0084B4 !important; } .u-bgUserColor, .u-bgUserColorHover:hover, .u-bgUserColorHover:focus { background-color: #0084B4 !important; } .u-boxShadowInsetUserColorHover:hover, .u-boxShadowInsetUserColorHover:focus { box-shadow: inset 0 0 0 5px #0084B4 !important; } .u-textUserColorLight { color: #99CDE1 !important; } .u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus { border-color: #99CDE1 !important; } .u-bgUserColorLight { background-color: #99CDE1 !important; } .u-boxShadowUserColorLighterFocus:focus { box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0,132,180,0.25) !important; } .u-textUserColorLightest { color: #E5F2F7 !important; } .u-borderUserColorLightest { border-color: #E5F2F7 !important; } .u-bgUserColorLightest { background-color: #E5F2F7 !important; } .u-textUserColorLighter { color: #BFE0EC !important; } .u-borderUserColorLighter { border-color: #BFE0EC !important; } .u-bgUserColorLighter { background-color: #BFE0EC !important; } .u-bgUserColorDarkHover:hover { background-color: #006990 !important; } .u-borderUserColorDark { border-color: #006990 !important; } .u-bgUserColorDarkerActive:active { background-color: #004F6C !important; } a, .btn-link, .btn-link:focus, .icon-btn, .pretty-link b, .pretty-link:hover s, .pretty-link:hover b, .pretty-link:focus s, .pretty-link:focus b, /* Account Group */ .metadata a:hover, .metadata a:focus, .account-group:hover .fullname, .account-group:focus .fullname, .account-summary:focus .fullname, .message .message-text a, .stats a strong, .plain-btn:hover, .plain-btn:focus, .dropdown.open .user-dropdown.plain-btn, .open > .plain-btn, #global-actions .new:before, .module .list-link:hover, .module .list-link:focus, .UserCompletion-step:hover, .stats a:hover, .stats a:hover strong, .stats a:focus, .stats a:focus strong, .profile-modal-header .fullname a:hover, .profile-modal-header .username a:hover, .profile-modal-header .fullname a:focus, .profile-modal-header .username a:focus, .story-article:hover .metadata, .story-article .metadata a:focus, .find-friends-sources li:hover .source, .stream-item a:hover .fullname, .stream-item a:focus .fullname, .stream-item .view-all-supplements:hover, .stream-item .view-all-supplements:focus, .tweet .time a:hover, .tweet .time a:focus, .tweet .details.with-icn b, .tweet .details.with-icn .Icon, .tweet .tweet-geo-text a:hover, .stream-item:hover .original-tweet .expand-action-wrapper, .stream-item .original-tweet.focus .expand-action-wrapper, .opened-tweet.original-tweet .expand-action-wrapper, .stream-item:hover .original-tweet .details b, .stream-item .original-tweet.focus .details b, .stream-item.open .original-tweet .details b, .simple-tweet:hover .details b, .simple-tweet.focus .details b, .simple-tweet.open .details b, .simple-tweet:hover .details .expand-action-wrapper, .simple-tweet.focus .details .expand-action-wrapper, .simple-tweet.open .details .collapse-action-wrapper, .simple-tweet:hover .details .simple-details-link, .simple-tweet.focus .details .simple-details-link, .client-and-actions a:hover, .client-and-actions a:focus, .dismiss-promoted:hover b, .tweet .context .pretty-link:hover s, .tweet .context .pretty-link:hover b, .tweet .context .pretty-link:focus s, .tweet .context .pretty-link:focus b, .list .username a:hover, .list .username a:focus, .list-membership-container .create-a-list, .list-membership-container .create-a-list:hover, .story-header:hover .view-tweets, .card .list-details a:hover, .card .list-details a:focus, .card .card-body:hover .attribution, .card .card-body .attribution:focus, .events-card .card-body:hover .attribution, .events-card .card-body .attribution:focus, .new-tweets-bar, .onebox .soccer ul.ticker a:hover, .onebox .soccer ul.ticker a:focus, .discover-item-actions a, .remove-background-btn, .stream-item-activity-me .latest-tweet .tweet-row a:hover, .stream-item-activity-me .latest-tweet .tweet-row a:focus, .stream-item-activity-me .latest-tweet .tweet-row a:hover b, .stream-item-activity-me .latest-tweet .tweet-row a:focus b { color: #0084B4; } #global-actions > li > a { border-bottom-color: #0084B4; } #global-actions > li:hover > a, #global-actions > li > a:focus, .nav.right-actions > li > a:hover, .nav.right-actions > li > button:hover, .nav.right-actions > li > a:focus, .nav.right-actions > li > button:focus { color: #0084B4; } /* Surpress the new connect glow if in experiment. */ #global-actions .people.new:before { content: none; } /* hover state for photo select button*/ .photo-selector:not(.disabled):hover .btn, .icon-btn:hover, .icon-btn:active, .icon-btn.active, .icon-btn.enabled { border-color: #0084B4; border-color: rgba(0,132,180,.5); color: #0084B4; } /* hover state for photo select button*/ .photo-selector:not(.disabled):hover .btn, .icon-btn:hover { background-image: linear-gradient(rgba(255,255,255,0), rgba(0,132,180,.1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#190084B4'); /* IE8-9 */ } .icon-btn.disabled, .icon-btn.disabled:hover, .icon-btn[disabled], .icon-btn[aria-disabled=true] { color: #0084B4; } /* tweet-btn can have primary-btn class as well so the following rules ensure that the correct background color is applied */ .tweet-btn, .tweet-btn:focus { background-color: #0084B4; background: rgba(0,132,180,.8); } .tweet-btn:hover, .tweet-btn:active, .tweet-btn.active { background-color: #0084B4; } .tweet-btn.btn.disabled, .tweet-btn.btn.disabled:hover, .tweet-btn.btn[disabled], .tweet-btn.btn[aria-disabled=true] { background: #0084B4; } .btn:focus, .btn.focus, .Button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 132, 180, 0.5); } .selected-stream-item:focus { box-shadow: 0 0 0 3px rgba(0, 132, 180, 0.5); } /* highlighting when navigate through timeline stream table view with j & k. */ .js-navigable-stream.stream-table-view .selected-stream-item[tabindex="-1"]:focus { outline: 3px solid rgba(0, 132, 180, 0.5) !important; } /* box-shadow does not work with table tr element */ .js-navigable-stream.stream-table-view .selected-stream-item:focus { box-shadow: none; } /** * 1. Bring actionable tweet to top when active to ensure border * highlighting wraps entire tweet. Value must be at least at if not * higher than the z-index value of ProfileHeading to ensure first * tweet in timeline receives border on all four sides. * NOTE: z-index should be 2 to avoid conflicts with .ProfileCanopy and .ProfileCard-avatarLink */ .ProfileTweet.is-actionable, .js-stream-item.is-selected:focus .ProfileTweet, .js-stream-item.is-selected:focus .ProfileCard, .QuoteTweet:hover, .QuoteTweet:focus, .QuoteTweet:active { border-color: rgba(0, 132, 180, 0.5); z-index: 2; /* 1 */ } .global-dm-nav.new.with-count .dm-new { background: #fff; } .global-dm-nav.new.with-count .dm-new .count-inner { background: #0084B4; } .global-nav .people .count .count-inner { background: #0084B4; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .dropdown-link.is-focused, .dropdown-menu li:hover .dropdown-link, .dropdown-menu li:focus .dropdown-link, .dropdown-menu .typeahead-recent-search-item.selected, .dropdown-menu .typeahead-saved-search-item.selected, .dropdown-menu .selected a, .dropdown-menu .dropdown-link.selected { background-color: #0084B4 !important; } /* give tweet boxes 10% of the users link color as background */ .home-tweet-box, .dm-tweetbox, .WebToast-box--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox { background-color: #E5F2F7; } .conversations-enabled .inline-reply-caret .caret-inner { border-bottom-color: #E5F2F7; } .top-timeline-tweetbox .timeline-tweet-box .tweet-form.condensed .tweet-box { color: #0084B4; } /* give tweet box containers an outline using the users link color */ .home-tweet-box, .top-timeline-tweetbox .timeline-tweet-box { border-color: #BFE0EC !important; } /* give tweet boxes an outline using the users link color */ .tweet-box[contenteditable="true"] { border-color: rgba(0,132,180,0.25); } input:focus, textarea:focus, div[contenteditable="true"]:focus, div[contenteditable="true"].fake-focus { border-color: #66B5D2; box-shadow: inset 0 0 0 1px rgba(0, 132, 180, 0.7); } .currently-dragging.modal-enabled .modal .tweet-box, .currently-dragging:not(.modal-enabled) .tweet-content .tweet-box, .tweet-box[contenteditable="true"]:focus { border-color: #99CDE1; box-shadow: none; } s, .pretty-link:hover s, .pretty-link:focus s, .stream-item-activity-me .latest-tweet .tweet-row a:hover s, .stream-item-activity-me .latest-tweet .tweet-row a:focus s { color: #66B5D2; } .vellip, .vellip:before, .vellip:after, .conversation-module > li:after, .conversation-module > li:before { background-color: #66B5D2; } .tweet .sm-reply, .tweet .sm-rt, .tweet .sm-fav, .tweet .sm-image, .tweet .sm-video, .tweet .sm-audio, .tweet .sm-geo, .tweet .sm-in, .tweet .sm-trash, .tweet .sm-more, .tweet .sm-page, .tweet .sm-embed, .tweet .sm-summary, .tweet .sm-chat, .timelines-navigation .active .profile-nav-icon, .timelines-navigation .profile-nav-icon:hover, .timelines-navigation .profile-nav-link:focus .profile-nav-icon, .sm-top-tweet, .metadata a.tweet-geo-text:hover .sm-geo, .discover-item .js-action-card-search:hover .sm-search, .discover-item .js-action-card-search:focus .sm-search { background-color: #0084B4; } .enhanced-mini-profile .mini-profile .profile-summary { background-image: url(https://pbs.twimg.com/profile_banners/363596699/1389527384/mobile); } .wrapper-profile .profile-card.profile-header .profile-header-inner { background-image: url(https://pbs.twimg.com/profile_banners/363596699/1389527384/web); } #global-tweet-dialog .modal-header { border-bottom: solid 1px rgba(0, 132, 180, .25); } #global-tweet-dialog .modal-tweet-form-container { background-color: #0084B4; background: rgba(0, 132, 180, .1); } .inline-reply-tweetbox { background-color: #E5F2F7; } </style> <style id="user-style-followbacklist3-bg-img" class="js-user-style-bg-img"> body.user-style-followbacklist3 { background-image: url(https://abs.twimg.com/images/themes/theme1/bg.png); background-position: left 40px; background-attachment: fixed; background-repeat: repeat; background-repeat: no-repeat; background-color: #C0DEED; } body.user-style-followbacklist3 .enhanced-mini-profile .mini-profile .profile-summary { background-image: url(https://pbs.twimg.com/profile_banners/363596699/1389527384/web); } body.user-style-followbacklist3 .wrapper-profile .profile-card.profile-header .profile-header-inner { background-image: url(https://pbs.twimg.com/profile_banners/363596699/1389527384/web); } .DashboardProfileCard-bg { background-image: url(https://pbs.twimg.com/profile_banners/363596699/1389527384/600x200); } body.user-style-followbacklist3 .profile-canopy .bg-img { background-image: url(https://pbs.twimg.com/profile_banners/363596699/1389527384/web_retina); } </style> </head> <body class="three-col logged-in user-style-HelmerTilmans ms-windows western nl enhanced-mini-profile ProfilePage ProfilePage--withBlockedWarning" data-fouc-class-names="swift-loading" dir="ltr"> <script id="swift_loading_indicator"> document.body.className=document.body.className+" "+document.body.getAttribute("data-fouc-class-names"); </script> <div id="doc" class="route-profile"> <div class="topbar js-topbar "> <div class="ProfilePage-editingOverlay"></div> <div class="global-nav" data-section-term="top_nav"> <div class="global-nav-inner"> <div class="container"> <h1 class="Icon Icon--bird bird-topbar-etched" style="display: inline-block; width: 24px; height: 21px;"> <span class="visuallyhidden">Twitter</span> </h1> <div role="navigation" style="display: inline-block;"><ul class="nav js-global-actions" id="global-actions"><li id="global-nav-home" class="home" data-global-action="home"> <a class="js-nav js-tooltip js-dynamic-tooltip" data-placement="bottom" href="/" data-component-term="home_nav" data-nav="home"> <span class="Icon Icon--home Icon--large"></span> <span class="text">Startpagina</span> </a> </li><li class="people notifications" data-global-action="connect"> <a class="js-nav js-tooltip js-dynamic-tooltip" data-placement="bottom" href="/i/notifications" data-component-term="connect_nav" data-nav="connect"> <span class="Icon Icon--notifications Icon--large"></span> <span class="text">Meldingen</span> <span class="count"> <span class="count-inner">0</span> </span> </a> </li><li class="dm-nav"> <a role="button" href="#" class="js-tooltip js-dynamic-tooltip global-dm-nav" data-placement="bottom"> <span class="Icon Icon--dm Icon--large"></span> <span class="text">Berichten</span> <span class="dm-new"><span class="count-inner"></span></span> </a> </li><li class="topics" data-global-action="discover"> <a class="js-nav js-tooltip js-dynamic-tooltip" data-placement="bottom" href="/i/discover" data-component-term="discover_nav" data-nav="discover"> <span class="Icon Icon--discover Icon--large"></span> <span class="text">Ontdekken</span> </a> </li></ul> </div> <div class="pull-right" style="display: inline-block;"><div role="search"> <form class="t1-form form-search js-search-form" action="/search" id="global-nav-search"> <label class="visuallyhidden" for="search-query">Zoekopdracht</label> <input class="search-input" type="text" id="search-query" placeholder="Twitter doorzoeken" name="q" autocomplete="off" spellcheck="false"> <span class="search-icon js-search-action"> <button type="submit" class="Icon Icon--search nav-search"> <span class="visuallyhidden">Twitter doorzoeken</span> </button> </span> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts social-context js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> <span class="typeahead-social-context"></span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> </div> </div> </form> </div> <ul class="nav right-actions"><li class="me dropdown session js-session" data-global-action="t1me" id="user-dropdown"> <a href="/settings/account" class="btn js-tooltip settings dropdown-toggle js-dropdown-toggle" id="user-dropdown-toggle" title="Profiel en instellingen" data-placement="bottom"><img class="avatar size32" src="https://pbs.twimg.com/profile_images/422334465088557056/K3a_LWBc_normal.jpeg" alt="Profile and settings" data-user-id="363596699"></a> <div class="dropdown-menu"> <div class="dropdown-caret"> <span class="caret-outer"></span> <span class="caret-inner"></span> </div> <ul> <li class="current-user" data-name="profile"> <a href="/followbacklist3" class="account-summary account-summary-small js-nav" data-nav="view_profile"><div class="content"><div class="account-group js-mini-current-user" data-user-id="363596699" data-screen-name="followbacklist3"><b class="fullname"> Followbacklist</b><span class="screen-name hidden" dir="ltr">@followbacklist3</span><small class="metadata">Profiel weergeven</small></div></div></a> </li> <li class="dropdown-divider"></li> <li data-name="lists"><a href="/followbacklist3/lists" data-nav="all_lists">Lijsten</a></li> <li class="dropdown-divider"></li> <li><a href="//support.twitter.com" data-nav="help_center">Help</a></li> <li class="js-keyboard-shortcut-trigger" data-nav="shortcuts"> <button type="button" class="dropdown-link">Sneltoetsen</button> </li> <li class="dropdown-divider"></li> <li><a href="/settings/account" data-nav="settings" class="js-nav">Instellingen</a></li> <li class="js-signout-button" id="signout-button" data-nav="logout"> <button type="button" class="dropdown-link">Uitloggen</button> <form class="t1-form dropdown-link-form signout-form" id="signout-form" action="/logout" method="POST"> <input type="hidden" value="93d6da094ab325329f065ffed0f5277bfab6f443" name="authenticity_token" class="authenticity_token"> <input type="hidden" name="reliability_event" class="js-reliability-event"> <input type="hidden" name="scribe_log"> </form> </li> </ul> </div> </li><li role="complementary" aria-labelledby="global-new-tweet-button" class="topbar-tweet-btn"> <button id="global-new-tweet-button" type="button" class="js-global-new-tweet js-tooltip btn primary-btn tweet-btn js-dynamic-tooltip" data-placement="bottom" data-component-term="new_tweet_button"> <span class="Icon Icon--tweet Icon--large"></span> <span class="text">Tweeten</span> </button> </li></ul></div> </div> </div> </div> </div> <div id="page-outer"> <div id="page-container" class="AppContent"> <style id="user-style-HelmerTilmans"> a, a:hover, a:focus, a:active { color: #0084B4; } .u-textUserColor, .u-textUserColorHover:hover, .u-textUserColorHover:focus { color: #0084B4 !important; } .u-borderUserColor, .u-borderUserColorHover:hover, .u-borderUserColorHover:focus { border-color: #0084B4 !important; } .u-bgUserColor, .u-bgUserColorHover:hover, .u-bgUserColorHover:focus { background-color: #0084B4 !important; } .u-boxShadowInsetUserColorHover:hover, .u-boxShadowInsetUserColorHover:focus { box-shadow: inset 0 0 0 5px #0084B4 !important; } .u-textUserColorLight { color: #99CDE1 !important; } .u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus { border-color: #99CDE1 !important; } .u-bgUserColorLight { background-color: #99CDE1 !important; } .u-boxShadowUserColorLighterFocus:focus { box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0,132,180,0.25) !important; } .u-textUserColorLightest { color: #E5F2F7 !important; } .u-borderUserColorLightest { border-color: #E5F2F7 !important; } .u-bgUserColorLightest { background-color: #E5F2F7 !important; } .u-textUserColorLighter { color: #BFE0EC !important; } .u-borderUserColorLighter { border-color: #BFE0EC !important; } .u-bgUserColorLighter { background-color: #BFE0EC !important; } .u-bgUserColorDarkHover:hover { background-color: #006990 !important; } .u-borderUserColorDark { border-color: #006990 !important; } .u-bgUserColorDarkerActive:active { background-color: #004F6C !important; } a, .btn-link, .btn-link:focus, .icon-btn, .pretty-link b, .pretty-link:hover s, .pretty-link:hover b, .pretty-link:focus s, .pretty-link:focus b, /* Account Group */ .metadata a:hover, .metadata a:focus, .account-group:hover .fullname, .account-group:focus .fullname, .account-summary:focus .fullname, .message .message-text a, .stats a strong, .plain-btn:hover, .plain-btn:focus, .dropdown.open .user-dropdown.plain-btn, .open > .plain-btn, #global-actions .new:before, .module .list-link:hover, .module .list-link:focus, .UserCompletion-step:hover, .stats a:hover, .stats a:hover strong, .stats a:focus, .stats a:focus strong, .profile-modal-header .fullname a:hover, .profile-modal-header .username a:hover, .profile-modal-header .fullname a:focus, .profile-modal-header .username a:focus, .story-article:hover .metadata, .story-article .metadata a:focus, .find-friends-sources li:hover .source, .stream-item a:hover .fullname, .stream-item a:focus .fullname, .stream-item .view-all-supplements:hover, .stream-item .view-all-supplements:focus, .tweet .time a:hover, .tweet .time a:focus, .tweet .details.with-icn b, .tweet .details.with-icn .Icon, .tweet .tweet-geo-text a:hover, .stream-item:hover .original-tweet .expand-action-wrapper, .stream-item .original-tweet.focus .expand-action-wrapper, .opened-tweet.original-tweet .expand-action-wrapper, .stream-item:hover .original-tweet .details b, .stream-item .original-tweet.focus .details b, .stream-item.open .original-tweet .details b, .simple-tweet:hover .details b, .simple-tweet.focus .details b, .simple-tweet.open .details b, .simple-tweet:hover .details .expand-action-wrapper, .simple-tweet.focus .details .expand-action-wrapper, .simple-tweet.open .details .collapse-action-wrapper, .simple-tweet:hover .details .simple-details-link, .simple-tweet.focus .details .simple-details-link, .client-and-actions a:hover, .client-and-actions a:focus, .dismiss-promoted:hover b, .tweet .context .pretty-link:hover s, .tweet .context .pretty-link:hover b, .tweet .context .pretty-link:focus s, .tweet .context .pretty-link:focus b, .list .username a:hover, .list .username a:focus, .list-membership-container .create-a-list, .list-membership-container .create-a-list:hover, .story-header:hover .view-tweets, .card .list-details a:hover, .card .list-details a:focus, .card .card-body:hover .attribution, .card .card-body .attribution:focus, .events-card .card-body:hover .attribution, .events-card .card-body .attribution:focus, .new-tweets-bar, .onebox .soccer ul.ticker a:hover, .onebox .soccer ul.ticker a:focus, .discover-item-actions a, .remove-background-btn, .stream-item-activity-me .latest-tweet .tweet-row a:hover, .stream-item-activity-me .latest-tweet .tweet-row a:focus, .stream-item-activity-me .latest-tweet .tweet-row a:hover b, .stream-item-activity-me .latest-tweet .tweet-row a:focus b { color: #0084B4; } #global-actions > li > a { border-bottom-color: #0084B4; } #global-actions > li:hover > a, #global-actions > li > a:focus, .nav.right-actions > li > a:hover, .nav.right-actions > li > button:hover, .nav.right-actions > li > a:focus, .nav.right-actions > li > button:focus { color: #0084B4; } /* hover state for photo select button*/ .photo-selector:not(.disabled):hover .btn, .icon-btn:hover, .icon-btn:active, .icon-btn.active, .icon-btn.enabled { border-color: #0084B4; border-color: rgba(0,132,180,.5); color: #0084B4; } /* hover state for photo select button*/ .photo-selector:not(.disabled):hover .btn, .icon-btn:hover { background-image: linear-gradient(rgba(255,255,255,0), rgba(0,132,180,.1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#190084B4'); /* IE8-9 */ } .icon-btn.disabled, .icon-btn.disabled:hover, .icon-btn[disabled], .icon-btn[aria-disabled=true] { color: #0084B4; } /* tweet-btn can have primary-btn class as well so the following rules ensure that the correct background color is applied */ .tweet-btn, .tweet-btn:focus { background-color: #0084B4; background: rgba(0,132,180,.8); } .tweet-btn:hover, .tweet-btn:active, .tweet-btn.active { background-color: #0084B4; } .tweet-btn.btn.disabled, .tweet-btn.btn.disabled:hover, .tweet-btn.btn[disabled], .tweet-btn.btn[aria-disabled=true] { background: #0084B4; } .btn:focus, .btn.focus, .Button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 132, 180, 0.5); } .selected-stream-item:focus { box-shadow: 0 0 0 3px rgba(0, 132, 180, 0.5); } /* highlighting when navigate through timeline stream table view with j & k. */ .js-navigable-stream.stream-table-view .selected-stream-item[tabindex="-1"]:focus { outline: 3px solid rgba(0, 132, 180, 0.5) !important; } /* box-shadow does not work with table tr element */ .js-navigable-stream.stream-table-view .selected-stream-item:focus { box-shadow: none; } /** * 1. Bring actionable tweet to top when active to ensure border * highlighting wraps entire tweet. Value must be at least at if not * higher than the z-index value of ProfileHeading to ensure first * tweet in timeline receives border on all four sides. * NOTE: z-index should be 2 to avoid conflicts with .ProfileCanopy and .ProfileCard-avatarLink */ .ProfileTweet.is-actionable, .js-stream-item.is-selected:focus .ProfileTweet, .js-stream-item.is-selected:focus .ProfileCard, .QuoteTweet:hover, .QuoteTweet:focus, .QuoteTweet:active { border-color: rgba(0, 132, 180, 0.5); z-index: 2; /* 1 */ } .global-dm-nav.new.with-count .dm-new { background: #fff; } .global-dm-nav.new.with-count .dm-new .count-inner { background: #0084B4; } .global-nav .people .count .count-inner { background: #0084B4; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .dropdown-link.is-focused, .dropdown-menu li:hover .dropdown-link, .dropdown-menu li:focus .dropdown-link, .dropdown-menu .typeahead-recent-search-item.selected, .dropdown-menu .typeahead-saved-search-item.selected, .dropdown-menu .selected a, .dropdown-menu .dropdown-link.selected { background-color: #0084B4 !important; } /* give tweet boxes 10% of the users link color as background */ .home-tweet-box, .dm-tweetbox, .WebToast-box--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox { background-color: #E5F2F7; } .conversations-enabled .inline-reply-caret .caret-inner { border-bottom-color: #E5F2F7; } .top-timeline-tweetbox .timeline-tweet-box .tweet-form.condensed .tweet-box { color: #0084B4; } /* give tweet box containers an outline using the users link color */ .home-tweet-box, .top-timeline-tweetbox .timeline-tweet-box { border-color: #BFE0EC !important; } /* give tweet boxes an outline using the users link color */ .tweet-box[contenteditable="true"] { border-color: rgba(0,132,180,0.25); } input:focus, textarea:focus, div[contenteditable="true"]:focus, div[contenteditable="true"].fake-focus { border-color: #66B5D2; box-shadow: inset 0 0 0 1px rgba(0, 132, 180, 0.7); } .currently-dragging.modal-enabled .modal .tweet-box, .currently-dragging:not(.modal-enabled) .tweet-content .tweet-box, .tweet-box[contenteditable="true"]:focus { border-color: #99CDE1; box-shadow: none; } s, .pretty-link:hover s, .pretty-link:focus s, .stream-item-activity-me .latest-tweet .tweet-row a:hover s, .stream-item-activity-me .latest-tweet .tweet-row a:focus s { color: #66B5D2; } .vellip, .vellip:before, .vellip:after, .conversation-module > li:after, .conversation-module > li:before { background-color: #66B5D2; } .tweet .sm-reply, .tweet .sm-rt, .tweet .sm-fav, .tweet .sm-image, .tweet .sm-video, .tweet .sm-audio, .tweet .sm-geo, .tweet .sm-in, .tweet .sm-trash, .tweet .sm-more, .tweet .sm-page, .tweet .sm-embed, .tweet .sm-summary, .tweet .sm-chat, .timelines-navigation .active .profile-nav-icon, .timelines-navigation .profile-nav-icon:hover, .timelines-navigation .profile-nav-link:focus .profile-nav-icon, .sm-top-tweet, .metadata a.tweet-geo-text:hover .sm-geo, .discover-item .js-action-card-search:hover .sm-search, .discover-item .js-action-card-search:focus .sm-search { background-color: #0084B4; } .enhanced-mini-profile .mini-profile .profile-summary { background-image: url(https://pbs.twimg.com/profile_banners/2927717810/1418403177/mobile); } .wrapper-profile .profile-card.profile-header .profile-header-inner { background-image: url(https://pbs.twimg.com/profile_banners/2927717810/1418403177/web); } #global-tweet-dialog .modal-header { border-bottom: solid 1px rgba(0, 132, 180, .25); } #global-tweet-dialog .modal-tweet-form-container { background-color: #0084B4; background: rgba(0, 132, 180, .1); } .inline-reply-tweetbox { background-color: #E5F2F7; } </style> <div class="ProfileCanopy ProfileCanopy--withNav ProfileCanopy--large"> <div class="ProfileCanopy-inner"> <div class="ProfileCanopy-header u-bgUserColor"> <div class="ProfileCanopy-headerBg"> <img alt="" src="https://pbs.twimg.com/profile_banners/2927717810/1418403177/1500x500" > </div> <div class="AppContainer"> <div class="ProfileCanopy-avatar"> <div class="ProfileAvatar"> <a class="ProfileAvatar-container u-block js-tooltip profile-picture media-thumbnail" href="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ.png" title="Helmer Tilmans" data-resolved-url-large="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ.png" data-url="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ.png" target="_blank"> <img class="ProfileAvatar-image " src="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ_400x400.png" alt="Helmer Tilmans"> </a> </div> </div> <div class="ProfileCanopy-headerPromptAnchor"></div> </div> </div> <div class="ProfileCanopy-navBar"> <div class="AppContainer"> <div class="Grid Grid--withGutter"> <div class="Grid-cell u-size1of3 u-lg-size1of4"> <div class="ProfileCanopy-card" role="presentation"> <div class="ProfileCardMini"> <a class="ProfileCardMini-avatar profile-picture media-thumbnail js-tooltip" href="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ.png" title="Helmer Tilmans" data-resolved-url-large="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ.png" data-url="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ.png" target="_blank"> <img class="ProfileCardMini-avatarImage" alt="Helmer Tilmans" src="https://pbs.twimg.com/profile_images/543448373219446784/yhbmOdmQ_normal.png" > </a> <div class="ProfileCardMini-details"> <div class="ProfileNameTruncated"> <div class="u-textTruncate u-inlineBlock"> <a class="ProfileNameTruncated-link u-textInheritColor js-nav js-action-profile-name" href="/HelmerTilmans" data-aria-label-part> Helmer Tilmans </a> </div> </div> <div class="ProfileCardMini-screenname"> <a href="/HelmerTilmans" class="ProfileCardMini-screennameLink u-linkComplex js-nav u-dir" dir="ltr">@<span class="u-linkComplex-target">HelmerTilmans</span></a> </div> </div> </div> </div> </div> <div class="Grid-cell u-size2of3 u-lg-size3of4"> <div class="ProfileCanopy-nav"> <div class="ProfileNav" role="navigation" data-user-id="2927717810"> <ul class="ProfileNav-list"> <li class="ProfileNav-item ProfileNav-item--following"> <a class="ProfileNav-stat ProfileNav-stat--link u-borderUserColor u-textCenter js-tooltip js-nav u-textUserColor" title="172 Volgend" data-nav="following" href="/HelmerTilmans/following" > <span class="ProfileNav-label">Volgend</span> <span class="ProfileNav-value" data-is-compact="false">172</span> </a> </li><li class="ProfileNav-item ProfileNav-item--followers"> <a class="ProfileNav-stat ProfileNav-stat--link u-borderUserColor u-textCenter js-tooltip js-nav u-textUserColor" title="9 Volgers" data-nav="followers" href="/HelmerTilmans/followers" > <span class="ProfileNav-label">Volgers</span> <span class="ProfileNav-value" data-is-compact="false">9</span> </a> </li><li class="ProfileNav-item ProfileNav-item--more dropdown is-hidden"> <a class="ProfileNav-stat ProfileNav-stat--link ProfileNav-stat--moreLink js-dropdown-toggle" href="#more"> <span class="ProfileNav-label"> </span> <span class="ProfileNav-value">Meer <span class="ProfileNav-dropdownCaret Icon Icon--caretDown"></span></span> </a> <div class="dropdown-menu"> <div class="dropdown-caret"> <span class="caret-outer"></span> <span class="caret-inner"></span> </div> <ul></ul> </div> </li><li class="ProfileNav-item ProfileNav-item--userActions u-floatRight u-textRight with-rightCaret "> <div class="UserActions u-textLeft" > <div class="user-actions btn-group not-following not-muting " data-user-id="2927717810" data-screen-name="HelmerTilmans" data-name="Helmer Tilmans" data-protected="false"> <span class="UserActions-moreActions u-inlineBlock"> <button type="button" class="js-tooltip unmute-button btn small plain-btn" title="@HelmerTilmans niet meer negeren" data-placement="top"> <span class="Icon Icon--muted Icon--medium"><span class="visuallyhidden">@HelmerTilmans niet meer negeren</span></span> </button><button type="button" class="first-load js-tooltip mute-button btn small plain-btn" title="@HelmerTilmans negeren" data-placement="top"> <span class="Icon Icon--unmuted Icon--medium"><span class="visuallyhidden">@HelmerTilmans negeren</span></span> </button> <div class="dropdown "> <button type="button" class="user-dropdown dropdown-toggle js-dropdown-toggle js-link js-tooltip btn plain-btn" title="Meer gebruikersacties"> <span class="user-dropdown-icon Icon Icon--cog Icon--medium"><span class="visuallyhidden">Gebruikersacties</span></span> </button> <div class="dropdown-menu"> <div class="dropdown-caret"> <span class="caret-outer"></span> <span class="caret-inner"></span> </div> <ul> <li class="mention-text pretty-link not-blocked"><button type="button" class="dropdown-link">Tweeten naar @HelmerTilmans</button></li> <li class="dm-text"><button type="button" class="dropdown-link">Een privébericht verzenden</button></li> <li class="list-text pretty-link not-blocked"><button type="button" class="dropdown-link">Toevoegen of verwijderen van lijsten…</button></li> <li class="dropdown-divider not-blocked"></li> <li class="mute-user-item pretty-link"><button type="button" class="dropdown-link">@HelmerTilmans negeren</button></li> <li class="unmute-user-item pretty-link"><button type="button" class="dropdown-link">@HelmerTilmans niet meer negeren</button></li> <li class="block-or-report-text pretty-link not-blocked"><button type="button" class="dropdown-link">Blokkeren of rapporteren</button></li> <li class="unblock-text pretty-link"><button type="button" class="dropdown-link">@HelmerTilmans deblokkeren</button></li> <li class="report-text pretty-link"><button type="button" class="dropdown-link">Rapporteren</button></li> <li class="hide-suggestion-text"><button type="button" class="dropdown-link">Deze suggestie verbergen</button></li> <li class="dropdown-divider is-following"></li> <li class="retweet-on-text"><button type="button" class="dropdown-link">Retweets inschakelen</button></li> <li class="retweet-off-text"><button type="button" class="dropdown-link">Retweets uitschakelen</button></li> <li class="device-notifications-on-text"><button type="button" class="dropdown-link">Mobiele meldingen inschakelen</button></li> <li class="device-notifications-off-text"><button type="button" class="dropdown-link">Mobiele meldingen uitschakelen</button></li> <li class="dropdown-divider is-embeddable"></li> <li class="embed-profile"><button type="button" class="dropdown-link">Dit profiel embedden</button></li> </ul> </div> </div> </span><button class="user-actions-follow-button js-follow-btn follow-button btn" type="button"> <span class="button-text follow-text"> <span class="Icon Icon--follow"></span> Volgen </span> <span class="button-text following-text"> Volg je nu </span> <span class="button-text unfollow-text"> Ontvolgen </span> <span class="button-text blocked-text">Geblokkeerd</span> <span class="button-text unblock-text">Deblokkeren</span> <span class="button-text pending-text">In afwachting</span> <span class="button-text cancel-text">Annuleren</span> </button> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="AppContainer"> <div class="AppContent-main u-cf" role="main"> <div class="Grid Grid--withGutter"> <div class="Grid-cell u-size1of3 u-lg-size1of4"> <div class="Grid Grid--withGutter"> <div class="Grid-cell"> <div class="ProfileSidebar ProfileSidebar--withLeftAlignment"> <div class="ProfileHeaderCard"> <h1 class="ProfileHeaderCard-name"> <a href="/HelmerTilmans" class="ProfileHeaderCard-nameLink u-textInheritColor js-nav ">Helmer Tilmans</a> </h1> <h2 class="ProfileHeaderCard-screenname u-inlineBlock u-dir" dir="ltr"> <a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="/HelmerTilmans">@<span class="u-linkComplex-target">HelmerTilmans</span></a> </h2> <p class="ProfileHeaderCard-bio u-dir" dir="ltr"></p> <div class="ProfileHeaderCard-location u-hidden"> <span class="Icon Icon--geo Icon--medium"></span> <span class="ProfileHeaderCard-locationText u-dir" dir="ltr"></span> </div> <div class="ProfileHeaderCard-url u-hidden"> <span class="Icon Icon--url Icon--medium"></span> <span class="ProfileHeaderCard-urlText u-dir" dir="ltr"> </span> </div> <div class="ProfileMessagingActions"> <div class="ProfileMessagingActions-actionsContainer"> <div class="ProfileMessagingActions-buttonWrapper u-sizeFull"> <button class="NewTweetButton u-sizeFull js-tooltip btn primary-btn tweet-action tweet-btn" type="button" title="Tweeten naar Helmer Tilmans" data-draft-tweet-id="profile_2927717810" data-cursor-beginning="false" data-dialog-title="Tweeten naar Helmer Tilmans" data-screen-name="HelmerTilmans" > <span class="NewTweetButton-content button-text tweeting-text u-textTruncate"> <span class="NewTweetButton-icon Icon Icon--tweet Icon--medium"></span><span class="NewTweetButton-text" aria-hidden="true">Tweeten naar</span> </span> </button> </div> </div> </div> </div> <div class="PhotoRail"> <div class="PhotoRail-heading"> <span class="Icon Icon--camera Icon--medium u-alignBottom"></span> <span class="PhotoRail-headingText"> <a href="/HelmerTilmans/media" class="js-nav"> 0 foto's en video's </a> </span> </div> <div class="PhotoRail-mediaBox"> <span class="js-photoRailInsertPoint"></span> </div> </div> </div> </div> </div> </div> <div class="Grid-cell u-size2of3 u-lg-size3of4"> <div class="Grid Grid--withGutter"> <div class="Grid-cell"> <div class="js-profileClusterFollow"></div> </div> <div class="Grid-cell u-lg-size2of3 " data-test-selector="ProfileTimeline"> <div class="ProfileHeading"> <div class="ProfileHeading-spacer"></div> </div> <div class="BlockedWarningTimeline"> <h2 class="BlockedWarningTimeline-heading" id="content-main-heading">@HelmerTilmans is geblokkeerd</h2> <p class="BlockedWarningTimeline-explanation">Weet je zeker dat je deze tweets wilt bekijken? @HelmerTilmans wordt niet gedeblokkeerd door tweets te bekijken.</p> <button class="btn BlockedWarningTimeline-button">Tweet weergeven</button> </div> <div class="GridTimeline"> <div class="stream-item js-new-items-bar-container"> </div> <div class="GridTimeline-items" role="list" > </div> <div class="GridTimeline-end"> <div class="GridTimeline-failure u-hidden"> <p> Twitter is mogelijk overbelast of ondervindt een tijdelijke verstopping. </p> <button type="button" class="GridTimeline-retry btn">Probeer het opnieuw</button> <p> Bekijk de <a class="u-textUserColor" target="_blank" href="http://status.twitter.com">Twitter-status</a> voor meer informatie. </p> </div> <div class="GridTimeline-footer"> <div class="GridTimeline-footerIcon"> <span class="spinner"></span> <span class="Icon Icon--large Icon--logo"></span> </div> </div> </div> </div> <div id="scroll-bump-dialog" class="ScrollBumpDialog modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content clearfix"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title"> Helmer Tilmans volgt nu </h3> </div> <div class="modal-body"> <div class="loading"> <span class="spinner-bigger"></span> </div> <ol class="ScrollBumpDialog-usersList clearfix js-users-list"></ol> </div> </div> </div> </div> </div> <div class="Grid-cell u-size1of3"> <div class="Grid Grid--withGutter"> <div class="Grid-cell"> <div class="ProfileSidebar ProfileSidebar--withRightAlignment"> <div class="MoveableModule"> <div class="ProfileWTFAndTrends"> <div class="WhoToFollow"> <div class="WhoToFollow-header"> <h3 class="WhoToFollow-title">Wie te volgen</h3> · <button class="btn-link js-refresh-suggestions" type="button">Vernieuwen</button> · <a class="js-view-all-link" href="/who_to_follow/suggestions" data-element-term="view_all_link"> Meer... </a> </div> <div class="WhoToFollow-users js-recommended-followers" data-section-id="wtf"> </div> <div class="WhoToFollow-footer"> <a href="/who_to_follow/interests" class="js-interests-link" data-element-term="interests_link"> Populaire accounts </a> · <a href="/who_to_follow/import" class="js-find-friends-link" data-element-term="import_link">Vrienden zoeken</a> </div> </div> <div class="Trends module trends hidden"> <div class="trends-inner"> <div class="flex-module trends-container "> <div class="flex-module-header"> <h3><span class="trend-location js-trend-location"></span></h3> </div> <div class="flex-module-inner"> <ul class="trend-items js-trends"> </ul> </div> </div> </div> </div> <div class="Footer module roaming-module Footer--slim"> <div class="flex-module"> <div class="flex-module-inner js-items-container"> <ul class="u-cf"> <li class="Footer-item Footer-copyright copyright">© 2014 Twitter</li> <li class="Footer-item"><a class="Footer-link" href="/about">Over</a></li> <li class="Footer-item"><a class="Footer-link" href="//support.twitter.com">Help</a></li> <li class="Footer-item"><a class="Footer-link" href="//support.twitter.com/articles/20170451">Advertentie-informatie</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="trends_dialog" class="trends-dialog modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title"> Trends </h3> </div> <div class="modal-body"> <div class="trends-personalized content-placeholder"> <h2 class="title">Trends speciaal voor jou gekozen.</h2> <p>Trends bieden een unieke manier om dichterbij te komen bij hetgeen jou interesseert. Trends worden voor je gepersonaliseerd op basis van je locatie en de accounts die je volgt.</p> <p class="placeholder-actions"> <button type="button" class="btn customize-by-location">Wijzigen</button> <button type="button" class="btn primary-btn done">Gepersonaliseerde trends behouden</button> </p> </div> <div class="trends-dialog-error"> <p></p> </div> <div class="trends-wrapper" id="trends_dialog_content"> <div class="loading"> <span class="spinner-bigger"></span> </div> </div> </div> <div class="modal-footer trends-by-location"> <button type="button" class="btn select-default" data-personalized="true">Gepersonaliseerde trends ontvangen</button> <button type="button" class="btn primary-btn done">Gereed</button> </div> </div> </div> </div> </div> </div> </div> <div class="alert-messages hidden" id="message-drawer"> <div class="message "> <div class="message-inside"> <span class="message-text"></span> <a role="button" class="Icon Icon--close Icon--medium dismiss" href="#"> <span class="visuallyhidden">Verbergen</span> </a> </div> </div> </div> <div class="gallery-overlay"></div> <div class="Gallery"> <div class="Gallery-closeTarget"></div> <div class="Gallery-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--large"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="Gallery-media"></div> <div class="GalleryNav GalleryNav--prev"> <span class="GalleryNav-handle GalleryNav-handle--prev"> <span class="Icon Icon--caretLeft Icon--large"> <span class="u-hiddenVisually"> Vorige </span> </span> </span> </div> <div class="GalleryNav GalleryNav--next"> <span class="GalleryNav-handle GalleryNav-handle--next"> <span class="Icon Icon--caretRight Icon--large"> <span class="u-hiddenVisually"> Volgende </span> </span> </span> </div> <div class="GalleryTweet"></div> </div> </div> <div class="modal-overlay"></div> <div id="dm_dialog" class="modal-container dm-conversation-list"> <div class="close-modal-background-target"></div> <div class="modal draggable twttr-dialog dm-dialog"> <div id="dm_dialog_conversation_list" class="modal-content"> <div class="twttr-dialog-header modal-header"> <h3>Privéberichten</h3> <div class="dm-toolbar"> <div class="mark-read js-mark-read"> <button type="button" class="btn mark-all-read js-mark-all-read js-tooltip small" title="Alles markeren als gelezen"> <span class="Icon Icon--markAllRead"></span> <span class="u-hiddenVisually">Alles markeren als gelezen</span> </button> <button type="button" class="btn primary-btn dm-new-button dm-header-new js-initial-focus small"> <span class="Icon Icon--dmCompose"></span> <span>Nieuw bericht</span> </button> </div> <div class="mark-read-confirm js-mark-read-confirm"> <button type="button" class="btn js-prompt-cancel small">Annuleren</button> <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus small">Alles markeren als gelezen</button> </div> </div> </div> <div class="twttr-dialog-inside"> <div class="twttr-dialog-body clearfix"> <div class="dm-error js-dm-error"> <button type="button" class="dismiss js-dismiss"> <span class="icon close"></span> <span class="u-hiddenVisually">Verbergen</span> </button> <span class="dm-error-text"></span> </div> <div class="twttr-dialog-content"> <div class="dm-threads js-modal-scrollable js-twttr-dialog-not-draggable"> <ul class="DMInbox"></ul> <div class="dm-no-messages"> <div class="dm-placeholder-empty"> <p><strong>Je hebt nog geen berichten.</strong></p> <p>Privéberichten zijn privé, bestaan uit 140 tekens en kunnen worden verzonden naar elke gebruiker die jou volgt op Twitter.</p> </div> </div> </div> </div> <div class="twttr-dialog-footer"> Tip: Je kunt een bericht sturen naar iedereen die jou volgt. <a href="http://support.twitter.com/groups/31-twitter-basics/topics/109-tweets-messages/articles/14606-what-is-a-direct-message-dm" target="_blank" class="learn-more">Meer informatie</a> </div> </div> </div> </div> <div id="dm_dialog_conversation" class="modal-content"> <div class="twttr-dialog-header modal-header"> <h3> <span class="header-content"> <a class="js-dm-header-title" role="button" href="#">Privéberichten</a> › met <span class="dm_dialog_real_name"></span> </span> </h3> <span class="dm-conversation-actions"></span> </div> <div class="twttr-dialog-inside"> <div class="twttr-dialog-body clearfix"> <div class="dm-error js-dm-error"> <button type="button" class="dismiss js-dismiss"> <span class="icon close"></span> <span class="u-hiddenVisually">Verbergen</span> </button> <span class="dm-error-text"></span> </div> <div class="twttr-dialog-content"> </div> <form class="t1-form dm-tweetbox tweet-form" method="post" target="dm-post-iframe" action="//upload.twitter.com/i/media/upload.iframe" enctype="multipart/form-data"> <div class="tweet-content"> <input type="hidden" name="authenticity_token" class="auth-token"> <span class="tweet-drag-help tweet-drag-photo-here hidden">Sleep een foto hierheen</span> <span class="visuallyhidden" id="tweet-box-dm-conversation-label">Tekst privébericht</span> <div class="modal-tweet u-borderUserColorLighter"></div> <div id="tweet-box-dm-conversation" aria-labelledby="tweet-box-dm-conversation-label" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"></div> <div class="rich-normalizer"></div> <div class="thumbnail-container"> <div class="previews"></div> <div class="preview template"> <button type="button" class="dismiss js-dismiss" tabindex="-1"> <span class="icon dismiss-white"> <span class="visuallyhidden"> Verbergen </span> </span> </button> <span class="filename"></span> </div> </div> </div> <div class="toolbar js-toolbar"> <div class="tweet-box-extras"> <div class="photo-selector"> <button aria-hidden="true" class="btn icon-btn" type="button" tabindex="-1"> <span class="tweet-camera Icon Icon--camera"></span> <span class="text add-photo-label">Foto toevoegen</span> </button> <div class="image-selector"> <input type="hidden" name="media_data_empty" class="file-data"> <div class="multi-photo-data-container hidden"> </div> <label class="t1-label"> <span class="visuallyhidden">Foto toevoegen</span> <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" title="Foto toevoegen"> </label> <div class="swf-container"></div> </div> </div> </div> <div class="tweet-button"> <span class="spinner"></span> <span class="tweet-counter">140</span> <button class="btn tweet-action primary-btn messaging tweet-btn disabled" type="button"> <span class="button-text messaging-text"> <span class="Icon Icon--dm"></span> Bericht verzenden </span> </button> </div> </div> <div class="dm-delete-confirm js-dm-delete-confirm"> <p>Weet je zeker dat je dit bericht wilt verwijderen?</p> <button type="button" class="btn js-prompt-cancel">Annuleren</button> <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Bericht verwijderen</button> </div> <div class="dm-spam-confirm js-dm-spam-confirm"> <p>Wil je dit bericht rapporteren als spam?</p> <button type="button" class="btn js-prompt-cancel">Annuleren</button> <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Spam rapporteren</button> </div> <div class="dm-abuse-confirm js-dm-abuse-confirm"> <p> Wil je dit bericht markeren als misbruik? <a href="//support.twitter.com/articles/15794-online-abuse" target="_blank">Meer informatie</a> </p> <button type="button" class="btn js-prompt-cancel">Annuleren</button> <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Markeren als misbruik</button> </div> </form> </div> </div> </div> <div id="dm_dialog_new" class="modal-content"> <div class="twttr-dialog-header modal-header"> <h3><a role="button" href="#">Privéberichten</a> › Nieuw</h3> </div> <div class="twttr-dialog-inside"> <div class="twttr-dialog-body clearfix"> <div class="dm-dialog-content"> <div class="dm-to user-select-container"> <div class="dm-participant-controls user-select-controls"> <label class="t1-label"> <span class="Icon Icon--search nav-search"></span> <span class="u-hiddenVisually">Ontvanger</span> <input class="dm-to-input twttr-directmessage-input js-initial-focus" type="text" placeholder="Vul een naam in"> </label> </div> <div class="dm-participant-container"> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> <div role="presentation" class="typeahead-user-select"> <div role="presentation" class="typeahead-empty-suggestions"> Voorgestelde gebruikers </div> <ul role="presentation" class="typeahead-items typeahead-selected js-typeahead-selected"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-selected-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-selected-end"></li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-accounts-end"></li> </ul> </div> <div role="presentation" class="typeahead-dm-conversations"> <ul role="presentation" class="typeahead-items typeahead-dm-conversation-items"> <li role="presentation" class="typeahead-item typeahead-dm-conversation-item"> <a role="option" tabindex="-1"></a> </li> </ul> </div> </div> </div> </div> </div> <div class="dm-convo-placeholder"> <div class="dm-error js-dm-error"> <button type="button" class="dismiss js-dismiss"> <span class="icon close"></span> <span class="u-hiddenVisually">Verbergen</span> </button> <span class="dm-error-text"></span> </div> </div> </div> </div> <div class="twttr-dialog-footer"> <div class="dm-compose-details"> <button type="button" class="btn primary-btn dm-initiate-conversation u-sizeFill"> Volgende </button> </div> <div class="selected-participants-container"> <span class="selected-participants-icon u-alignMiddle Icon Icon--person"></span> <span class="selected-participants-label u-alignMiddle"></span> </div> </div> </div> </div> <div id="dm_dialog_view_participants" class="modal-content"> <div class="twttr-dialog-header modal-header"> <h3><a class="js-dm-header-title" role="button" href="#">Direct messages</a> › People</h3> </div> <div class="twttr-dialog-inside"> <div class="twttr-dialog-body clearfix"> <div class="dm-error js-dm-error"> <button type="button" class="dismiss js-dismiss"> <span class="icon close"></span> <span class="u-hiddenVisually">Verbergen</span> </button> <span class="dm-error-text"></span> </div> <div class="twttr-dialog-content"> </div> <div class="twttr-dialog-footer"> <button class="btn dm-view-participants-done">Gereed</button> </div> </div> </div> </div> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> </div> </div> <div class="modal-container dm-media-container"> <div class="close-modal-background-target"></div> <div class="modal draggable dm-media"> <div class="modal-header"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <h2 class="modal-title">Foto</h2> </div> <div class="dm-media-preview"></div> </div> </div> <div id="global-tweet-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="tweet-loading"> <div class="spinner-bigger"></div> </div> <div class="modal-body modal-tweet"></div> <div class="modal-tweet-form-container"> <form class="t1-form tweet-form " method="post" target="tweet-post-iframe" action="//upload.twitter.com/i/tweet/create_with_media.iframe" enctype="multipart/form-data"> <input type="hidden" name="post_authenticity_token" class="auth-token"> <input type="hidden" name="iframe_callback" class="iframe-callback"> <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id"> <input type="hidden" name="impression_id" class="impression-id"> <input type="hidden" name="earned" class="earned"> <input type="hidden" name="page_context" class="page-context"> <input type="hidden" name="tagged_users" class="tagged-users"> <img class="inline-reply-user-image avatar size32" src="https://pbs.twimg.com/profile_images/422334465088557056/K3a_LWBc_normal.jpeg" alt=""> <span class="inline-reply-caret"> <span class="caret-inner"></span> </span> <div class="tweet-content"> <span class="icon add-photo-icon hidden"></span> <span class="icon nav-tweet hidden"></span> <span class="tweet-drag-help tweet-drag-photo-here hidden">Sleep een foto hierheen</span> <span class="visuallyhidden" id="tweet-box-global-label">Tweettekst</span> <div aria-labelledby="tweet-box-global-label" id="tweet-box-global" class="tweet-box rich-editor " contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"></div> <div class="rich-normalizer"></div> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> <div role="presentation" class="typeahead-user-select"> <div role="presentation" class="typeahead-empty-suggestions"> Voorgestelde gebruikers </div> <ul role="presentation" class="typeahead-items typeahead-selected js-typeahead-selected"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-selected-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-selected-end"></li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-accounts-end"></li> </ul> </div> <div role="presentation" class="typeahead-dm-conversations"> <ul role="presentation" class="typeahead-items typeahead-dm-conversation-items"> <li role="presentation" class="typeahead-item typeahead-dm-conversation-item"> <a role="option" tabindex="-1"></a> </li> </ul> </div> </div> </div> <textarea aria-hidden="true" class="tweet-box-shadow" name="status"></textarea> <div class="thumbnail-container"> <div class="previews"></div> <div class="preview template"> <button type="button" class="dismiss js-dismiss" tabindex="-1"> <span class="icon dismiss-white"> <span class="visuallyhidden"> Verbergen </span> </span> </button> <span class="filename"></span> </div> <div class="preview-message"> <button type="button" class="start-tagging js-open-user-select no-users u-borderUserColorLight u-textUserColor" disabled> <span class="Icon Icon--me Icon--smallest"></span> <span class="tagged-users"> Wie staan er op deze foto's? </span> </button> </div> </div> <div class="photo-tagging-container user-select-container hidden"> <div class="tagging-dropdown dropdown-menu"> <div class="dropdown-caret center"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div class="photo-tagging-controls user-select-controls"> <label class="t1-label"> <span class="Icon Icon--search nav-search"></span> <span class="u-hiddenVisually">Gebruikers in deze foto</span> <input class="js-initial-focus" type="text" placeholder="Zoek en tag tot 10 personen"> </label> </div> <div class="typeahead-container"> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> <div role="presentation" class="typeahead-user-select"> <div role="presentation" class="typeahead-empty-suggestions"> Voorgestelde gebruikers </div> <ul role="presentation" class="typeahead-items typeahead-selected js-typeahead-selected"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-selected-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-selected-end"></li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-accounts-end"></li> </ul> </div> <div role="presentation" class="typeahead-dm-conversations"> <ul role="presentation" class="typeahead-items typeahead-dm-conversation-items"> <li role="presentation" class="typeahead-item typeahead-dm-conversation-item"> <a role="option" tabindex="-1"></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="toolbar js-toolbar"> <div class="tweet-box-extras"> <div class="photo-selector"> <button aria-hidden="true" class="btn icon-btn" type="button" tabindex="-1"> <span class="tweet-camera Icon Icon--camera"></span> <span class="text add-photo-label">Foto toevoegen</span> </button> <div class="image-selector"> <input type="hidden" name="media_data_empty" class="file-data"> <div class="multi-photo-data-container hidden"> </div> <label class="t1-label"> <span class="visuallyhidden">Foto toevoegen</span> <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" title="Foto toevoegen"> </label> <div class="swf-container"></div> </div> </div> <div class="geo-picker"> <button class="btn js-geo-search-trigger geo-picker-btn icon-btn js-tooltip" type="button" tabindex="-1" title="Locatie toevoegen"> <span class="Icon Icon--geo"></span> <span class="text geo-status">Locatie toevoegen</span> </button> <span class="dropdown-container"></span> <input type="hidden" name="place_id"> </div> </div> <div class="tweet-button"> <span class="spinner"></span> <span class="tweet-counter">140</span> <button class="btn primary-btn tweet-action disabled tweet-btn js-tweet-btn" type="button" disabled> <span class="button-text tweeting-text"> <span class="Icon Icon--tweet"></span> Tweeten </span> <span class="button-text messaging-text"> <span class="Icon Icon--dm Icon--small"></span> Bericht verzenden </span> </button> </div> </div> </form> </div> </div> </div> </div> <div id="goto-user-dialog" class="modal-container"> <div class="modal modal-small draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Naar het profiel van een persoon gaan</h3> </div> <div class="modal-body"> <div class="modal-inner"> <form class="t1-form goto-user-form"> <input class="input-block username-input" type="text" placeholder="Begin een naam te typen om naar een profiel te gaan" aria-label="Gebruiker"> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> <div role="presentation" class="typeahead-user-select"> <div role="presentation" class="typeahead-empty-suggestions"> Voorgestelde gebruikers </div> <ul role="presentation" class="typeahead-items typeahead-selected js-typeahead-selected"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-selected-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-selected-end"></li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-accounts-end"></li> </ul> </div> <div role="presentation" class="typeahead-dm-conversations"> <ul role="presentation" class="typeahead-items typeahead-dm-conversation-items"> <li role="presentation" class="typeahead-item typeahead-dm-conversation-item"> <a role="option" tabindex="-1"></a> </li> </ul> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div id="retweet-tweet-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Wil je dit naar je volgers retweeten?</h3> </div> <div class="tweet-loading"> <div class="spinner-bigger"></div> </div> <div class="modal-body modal-tweet"></div> <div class="modal-footer"> <button class="btn cancel-action js-close">Annuleren</button> <button class="btn primary-btn retweet-action">Retweeten</button> </div> </div> </div> </div> <div id="delete-tweet-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Weet je zeker dat je deze tweet wilt verwijderen?</h3> </div> <div class="tweet-loading"> <div class="spinner-bigger"></div> </div> <div class="modal-body modal-tweet"></div> <div class="modal-footer"> <button class="btn cancel-action js-close">Annuleren</button> <button class="btn primary-btn delete-action">Verwijderen</button> </div> </div> </div> </div> <div id="block-user-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Blokkeren</h3> </div> <div class="tweet-loading"> <div class="spinner-bigger"></div> </div> <div class="modal-body modal-tweet"></div> <div class="modal-footer"> <button class="btn cancel-action js-close">Annuleren</button> <button class="btn primary-btn block-action">Blokkeren</button> </div> </div> </div> </div> <div id="geo-disabled-dropdown"> <div class="GeoSearch-dropdownMenu dropdown-menu" tabindex="-1"> <div class="dropdown-caret"> <span class="caret-outer"></span> <span class="caret-inner"></span> </div> <ul> <li class="geo-not-enabled-yet"> <h2>Een locatie toevoegen aan mijn tweets</h2> <p> Als je je locatie meestuurt met een tweet, zal Twitter deze opslaan.  Je kunt de locatie aan-/uitzetten voor het plaatsen van elke tweet en je hebt altijd de optie om je locatiegeschiedenis te verwijderen. <a href="http://support.twitter.com/forums/26810/entries/78525" target="_blank">Meer informatie</a> </p> <div> <button type="button" class="geo-turn-on btn primary-btn">Locatie aanzetten</button> <button type="button" class="geo-not-now btn-link">Nu niet</button> </div> </li> </ul> </div> </div> <div id="geo-enabled-dropdown"> <div class="GeoSearch-dropdownMenu dropdown-menu" tabindex="-1"> <div class="dropdown-caret"> <span class="caret-outer"></span> <span class="caret-inner"></span> </div> <ul> <li class="geo-query-location"> <input class="GeoSearch-queryInput" type="text" autocomplete="off" placeholder="Een buurt of stad zoeken"> <span class="icon generic-search"></span> </li> <li class="geo-dropdown-status"></li> <li class="dropdown-link geo-turn-off-item GeoSearch-focusable"> <span class="icon close"></span>Locatie uitschakelen </li> </ul> </div> </div> <div id="profile_popup" class="modal-container ProfilePopupContainer--bellbird"> <div class="close-modal-background-target"></div> <div class="modal modal-small draggable"> <div class="modal-content clearfix"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Profieloverzicht</h3> </div> <div class="modal-body profile-modal"> </div> <div class="loading"> <span class="spinner-bigger"></span> </div> </div> </div> </div> <div id="list-membership-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal modal-small draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Jouw lijsten</h3> </div> <div class="modal-body"> <div class="list-membership-content"></div> <span class="spinner lists-spinner" title="Bezig met laden…"></span> </div> </div> </div> </div> <div id="list-operations-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal modal-medium draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Een nieuwe lijst maken</h3> </div> <div class="modal-body"> <div class="list-editor"> <div class="field"> <label class="t1-label" for="list-name">Lijstnaam</label> <input id="list-name" type="text" class="text" name="name" value="" /> </div> <hr/> <div class="field"> <label class="t1-label" for="list-description">Omschrijving</label> <textarea id="list-description" name="description"></textarea> <span class="help-text">Maximaal 100 tekens, optioneel</span> </div> <hr/> <fieldset class="field"> <legend class="t1-legend">Privacy</legend> <div class="options"> <label class="t1-label" for="list-public-radio"> <input class="radio" type="radio" name="mode" id="list-public-radio" value="public" checked="checked" /> <b>Openbaar</b> · Iedereen kan deze lijst volgen </label> <label class="t1-label" for="list-private-radio"> <input class="radio" type="radio" name="mode" id="list-private-radio" value="private" /> <b>Afgeschermd</b> · Alleen jij hebt toegang tot deze lijst </label> </div> </fieldset> <hr/> <div class="list-editor-save"> <button type="button" class="btn btn-primary update-list-button" data-list-id="">Lijst opslaan</button> </div> </div> </div> </div> </div> </div> <div id="activity-popup-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content clearfix"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"> <div class="tweet-loading"> <div class="spinner-bigger"></div> </div> <div class="activity-tweet modal-tweet clearfix"></div> <div class="loading"> <span class="spinner-bigger"></span> </div> <div class="activity-content clearfix"></div> </div> </div> </div> </div> <div id="spam_challenge_dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Beveiligingsuitdaging</h3> </div> <div class="modal-body"> <p class="modal-body-text"> <h3 class="modal-text">There appears to be some suspicious activity on your account. In order to continue, please solve the challenge below. </h3> </p> <div id="captcha-challenge-form"></div> </div> <div class="modal-footer"> <button class="btn js-close" id="confirm_dialog_cancel_button">Annuleren</button> <button type="button" id="recaptcha_submit" class="btn">Verzenden</button> </div> </div> </div> </div> <div id="embed-tweet-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal modal-medium draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Deze tweet embedden</h3> </div> <div class="modal-body"> <div class="embed-code-container"> <p>Voeg deze tweet toe aan je website door de onderstaande code te kopiëren. <a href="//dev.twitter.com/docs/embedded-tweets">Meer informatie</a></p> <form class="t1-form"> <div class="embed-destination-wrapper"> <div class="embed-overlay embed-overlay-spinner"><div class="embed-overlay-content"></div></div> <div class="embed-overlay embed-overlay-error"> <p class="embed-overlay-content">Hmm, er is een fout opgetreden bij het bereiken van de server. <button type="button" class="btn-link retry-embed">Opnieuw proberen?</button></p> </div> <textarea class="embed-destination js-initial-focus"></textarea> <div class="embed-options"> <div class="embed-include-parent-tweet"> <label class="t1-label" for="include-parent-tweet"> <input type="checkbox" id="include-parent-tweet" class="include-parent-tweet" checked> Oorspronkelijke tweet toevoegen </label> </div> <div class="embed-include-card"> <label class="t1-label" for="include-card"> <input type="checkbox" id="include-card" class="include-card" checked> Media insluiten </label> </div> </div> </div> </form> <div class="embed-preview"> <h3>Voorbeeld</h3> </div> </div> </div> </div> </div> </div> <div id="block-or-report-dialog" class="modal-container block-or-report-dialog"> <div class="close-modal-background-target"></div> <div class="modal modal-medium draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title report-title">Blokkeren of rapporteren</h3> <input type="hidden" id="current-user-id" value="363596699"> </div> <div class="report-form"> <div class="modal-body block-section controls"> <div class="control-group"> <label class="t1-label checkbox"> <input type="checkbox" name="block_user"> <span class="label-head label-warning block-user-label"></span> <p><span class="block-user-text"></span> Meer informatie over <a href="https://support.twitter.com/articles/117063-blocking-people-on-twitter" target="_blank">blokkeren</a>.</p> </label> </div> </div> <div class="modal-body report-type-section controls"> <div class="control-group speed-bump"> <label class="t1-label checkbox"> <input type="checkbox" name="also_report"> <span class="label-title also-report-label">Een rapport indienen</span> <p>Optioneel</p> </label> </div> <span class="optional-report"> <div class="label-title">Wat is het probleem?</div> <fieldset class="control-group"> <legend class="u-hiddenVisually">Type rapport</legend> <label class="t1-label radio"> <input type="radio" value="annoying" name="report_type" class="js-initial-focus"> <span class="label-head annoying-desc">Deze tweet is vervelend</span> <p> </p> </label> <label class="t1-label radio"> <input type="radio" value="spam" name="report_type"> <span class="label-head spam-desc">Deze tweet is spam</span> <p> </p> </label> <span class="flag-media"> <label class="t1-label radio"> <input type="radio" value="flag_media" name="report_type"> <span class="label-head flag-media-desc"></span> <p> </p> </label> </span> <label class="t1-label radio"> <input type="radio" value="compromised" name="report_type"> <span class="label-head">Dit account is mogelijk gecompromitteerd</span> <p> </p> </label> <label class="t1-label radio"> <input type="radio" value="abusive" name="report_type"> <span class="label-head">Deze gebruiker misdraagt zich</span> <fieldset class="abuse-links"> <legend class="u-hiddenVisually">Type misbruik</legend> <table class="flex-table-form abuse-type" role="presentation"> <tbody role="presentation"> <tr role="presentation"> <td role="presentation"> <label class="t1-label radio"> <input type="radio" data-form-link="#" class="report-impersonation-link" value="impersonation" name="abuse_type"> <p>Impersonatie</p> </label> </td> <td role="presentation"> <label class="t1-label radio"> <input type="radio" data-form-link="#" class="report-private-information-link" value="private_information" name="abuse_type"> <p>Privégegevens</p> </label> </td> <td role="presentation"> <label class="t1-label radio"> <input type="radio" data-form-link="#" class="report-harassment-link" value="harassment" name="abuse_type"> <p>Intimidatie</p> </label> </td> </tr> <tr role="presentation"> <td role="presentation"> <label class="t1-label radio"> <input type="radio" data-form-link="#" class="report-self-harm-link" value="report_self_harm" name="abuse_type"> <p>Zelfverwonding of zelfmoord</p> </label> </td> <td role="presentation" class="report-ads"> <label class="t1-label radio"> <input type="radio" data-form-link="#" class="report-ads-link" value="report_an_ad" name="abuse_type"> <p>Ongepaste advertentie</p> </label> </td> </tr> </tbody> </table> </fieldset> </label> </fieldset> <p>Meer informatie over het <a class="twitter-rules-link" href="https://support.twitter.com/articles/15789-how-to-report-violations" target="_blank">rapporteren van schendingen</a> van de Twitter-regels.</p> </span> </div> <div id="report-control" class="modal-body submit-section"> <div class="clearfix"> <button class="btn primary-btn report-tweet-next-button" type="button">Volgende</button> <button class="btn caution-btn report-tweet-block-button" type="button">Blokkeren</button> <button class="btn primary-btn report-tweet-report-button" type="button">Rapporteren</button> </div> </div> </div> </div> </div> </div> <div id="age-gate-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Vul je leeftijd in</h3> </div> <div class="modal-body"> <div class="age-gate-container"> <p>Om dit account te volgen moet je voldoen aan de wettelijk vereiste minimumleeftijd. Geef je geboortedatum op.</p> <div class="age-gate-header"> <p>Selecteer je geboortedatum:</p> </div> <label class="u-hiddenVisually" for="age-gate-year">Jaar</label><select class="t1-select" id="age-gate-year"></select> <label class="u-hiddenVisually" for="age-gate-month">Maand</label><select class="t1-select" id="age-gate-month"></select> <label class="u-hiddenVisually" for="age-gate-day">Dag</label><select class="t1-select" id="age-gate-day"></select> <span class="age-gate-error hidden"> <span class="icon error-x"></span>Vereist </span> <div class="age-gate-bottom"> <span class="age-gate-privacy"> <a href="/privacy">Privacybeleid</a> </span> </div> </div> </div> <div class="modal-footer age-gate-footer"> <button id="age-gate-dialog-submit-button" class="btn primary-btn age-gate-submit">Gereed</button> </div> </div> </div> </div> <div id="sms-confirmation-dialog" class="modal-container sms-confirmation-dialog"> <div class="close-modal-background-target"></div> <div class="modal modal-medium draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div id="sms-confirmation-begin-modal"> <div class="modal-header"> <h3 class="modal-title">Vul je telefoonnummer in</h3> </div> <div class="modal-body"> <div class="alert" id="sms-alert-box"> <span id="sms-alert-close" class="icon close"></span> <h4 id="sms-alert-message"></h4> </div> <form id="sms-confirmation-begin-form" class="t1-form form-horizontal sms-form"> <input type="hidden" id="authenticity_token" name="authenticity_token" value="93d6da094ab325329f065ffed0f5277bfab6f443"> <p>Voer je telefoonnummer in het onderstaande vak in om een bevestigingscode te ontvangen. Je telefoonnummer wordt niet opgeslagen of voor andere doeleinden gebruikt. Er kunnen sms-kosten in rekening worden gebracht.</p> <div class="control-group" id="choose-country"> <label for="device_country_code" class="t1-label control-label">Land/regio</label> <div class="controls"> <select class="t1-select" id="device_country_code" name="device[country_code]"> <option value="93" >Afghanistan</option> <option value="355" >Albanië</option> <option value="213" >Algerije</option> <option value="1" >Amerikaans Samoa</option> <option value="1" >Amerikaanse Maagdeneilanden</option> <option value="376" >Andorra</option> <option value="244" >Angola</option> <option value="1" >Anguilla</option> <option value="1" >Antigua en Barbuda</option> <option value="54" >Argentinië</option> <option value="374" >Armenië</option> <option value="297" >Aruba</option> <option value="61" >Australië</option> <option value="994" >Azerbeidzjan</option> <option value="1" >Bahama’s</option> <option value="973" >Bahrein</option> <option value="880" >Bangladesh</option> <option value="1" >Barbados</option> <option value="32" >België</option> <option value="501" >Belize</option> <option value="229" >Benin</option> <option value="1" >Bermuda</option> <option value="975" >Bhutan</option> <option value="591" >Bolivia</option> <option value="387" >Bosnië en Herzegovina</option> <option value="267" >Botswana</option> <option value="55" >Brazilië</option> <option value="1" >Britse Maagdeneilanden</option> <option value="673" >Brunei</option> <option value="359" >Bulgarije</option> <option value="226" >Burkina Faso</option> <option value="257" >Burundi</option> <option value="855" >Cambodja</option> <option value="1" >Canada</option> <option value="599" >Caribisch Nederland</option> <option value="1" >Caymaneilanden</option> <option value="236" >Centraal-Afrikaanse Republiek</option> <option value="56" >Chili</option> <option value="86" >China</option> <option value="61" >Cocoseilanden</option> <option value="57" >Colombia</option> <option value="269" >Comoren</option> <option value="242" >Congo-Brazzaville</option> <option value="243" >Congo-Kinshasa</option> <option value="682" >Cookeilanden</option> <option value="506" >Costa Rica</option> <option value="599" >Curaçao</option> <option value="357" >Cyprus</option> <option value="45" >Denemarken</option> <option value="253" >Djibouti</option> <option value="1" >Dominica</option> <option value="1" >Dominicaanse Republiek</option> <option value="49" >Duitsland</option> <option value="593" >Ecuador</option> <option value="20" >Egypte</option> <option value="503" >El Salvador</option> <option value="240" >Equatoriaal-Guinea</option> <option value="291" >Eritrea</option> <option value="372" >Estland</option> <option value="251" >Ethiopië</option> <option value="298" >Faeröer</option> <option value="500" >Falklandeilanden</option> <option value="679" >Fiji</option> <option value="63" >Filipijnen</option> <option value="358" >Finland</option> <option value="33" >Frankrijk</option> <option value="594" >Frans-Guyana</option> <option value="689" >Frans-Polynesië</option> <option value="241" >Gabon</option> <option value="220" >Gambia</option> <option value="995" >Georgië</option> <option value="233" >Ghana</option> <option value="350" >Gibraltar</option> <option value="1" >Grenada</option> <option value="30" >Griekenland</option> <option value="299" >Groenland</option> <option value="590" >Guadeloupe</option> <option value="1" >Guam</option> <option value="502" >Guatemala</option> <option value="44" >Guernsey</option> <option value="224" >Guinee</option> <option value="245" >Guinee-Bissau</option> <option value="592" >Guyana</option> <option value="509" >Haïti</option> <option value="504" >Honduras</option> <option value="36" >Hongarije</option> <option value="852" >Hongkong SAR van China</option> <option value="354" >IJsland</option> <option value="353" >Ierland</option> <option value="91" >India</option> <option value="62" >Indonesië</option> <option value="964" >Irak</option> <option value="44" >Isle of Man</option> <option value="972" >Israël</option> <option value="39" >Italië</option> <option value="225" >Ivoorkust</option> <option value="1" >Jamaica</option> <option value="81" >Japan</option> <option value="967" >Jemen</option> <option value="44" >Jersey</option> <option value="962" >Jordanië</option> <option value="238" >Kaapverdië</option> <option value="237" >Kameroen</option> <option value="7" >Kazachstan</option> <option value="254" >Kenia</option> <option value="996" >Kirgizië</option> <option value="686" >Kiribati</option> <option value="965" >Koeweit</option> <option value="386" >Kosovo</option> <option value="385" >Kroatië</option> <option value="856" >Laos</option> <option value="266" >Lesotho</option> <option value="371" >Letland</option> <option value="961" >Libanon</option> <option value="231" >Liberia</option> <option value="423" >Liechtenstein</option> <option value="370" >Litouwen</option> <option value="352" >Luxemburg</option> <option value="853" >Macao SAR van China</option> <option value="389" >Macedonië</option> <option value="261" >Madagaskar</option> <option value="265" >Malawi</option> <option value="960" >Maldiven</option> <option value="60" >Maleisië</option> <option value="223" >Mali</option> <option value="356" >Malta</option> <option value="212" >Marokko</option> <option value="596" >Martinique</option> <option value="222" >Mauritanië</option> <option value="230" >Mauritius</option> <option value="262" >Mayotte</option> <option value="52" >Mexico</option> <option value="691" >Micronesië</option> <option value="373" >Moldavië</option> <option value="377" >Monaco</option> <option value="976" >Mongolië</option> <option value="382" >Montenegro</option> <option value="1" >Montserrat</option> <option value="258" >Mozambique</option> <option value="95" >Myanmar (Birma)</option> <option value="264" >Namibië</option> <option value="674" >Nauru</option> <option value="31" selected>Nederland</option> <option value="977" >Nepal</option> <option value="505" >Nicaragua</option> <option value="687" >Nieuw-Caledonië</option> <option value="64" >Nieuw-Zeeland</option> <option value="227" >Niger</option> <option value="234" >Nigeria</option> <option value="1" >Noordelijke Marianeneilanden</option> <option value="47" >Noorwegen</option> <option value="672" >Norfolkeiland</option> <option value="256" >Oeganda</option> <option value="380" >Oekraïne</option> <option value="998" >Oezbekistan</option> <option value="968" >Oman</option> <option value="670" >Oost-Timor</option> <option value="43" >Oostenrijk</option> <option value="92" >Pakistan</option> <option value="970" >Palestijnse gebieden</option> <option value="507" >Panama</option> <option value="675" >Papoea-Nieuw-Guinea</option> <option value="595" >Paraguay</option> <option value="51" >Peru</option> <option value="48" >Polen</option> <option value="351" >Portugal</option> <option value="1" >Puerto Rico</option> <option value="974" >Qatar</option> <option value="40" >Roemenië</option> <option value="7" >Rusland</option> <option value="250" >Rwanda</option> <option value="262" >Réunion</option> <option value="1" >Saint Kitts en Nevis</option> <option value="1" >Saint Lucia</option> <option value="1" >Saint Vincent en de Grenadines</option> <option value="590" >Saint-Martin</option> <option value="677" >Salomonseilanden</option> <option value="685" >Samoa</option> <option value="378" >San Marino</option> <option value="239" >Sao Tomé en Principe</option> <option value="966" >Saoedi-Arabië</option> <option value="221" >Senegal</option> <option value="381" >Servië</option> <option value="248" >Seychellen</option> <option value="232" >Sierra Leone</option> <option value="65" >Singapore</option> <option value="1" >Sint-Maarten</option> <option value="386" >Slovenië</option> <option value="421" >Slowakije</option> <option value="34" >Spanje</option> <option value="94" >Sri Lanka</option> <option value="597" >Suriname</option> <option value="268" >Swaziland</option> <option value="992" >Tadzjikistan</option> <option value="886" >Taiwan</option> <option value="255" >Tanzania</option> <option value="66" >Thailand</option> <option value="228" >Togo</option> <option value="676" >Tonga</option> <option value="1" >Trinidad en Tobago</option> <option value="235" >Tsjaad</option> <option value="420" >Tsjechië</option> <option value="216" >Tunesië</option> <option value="90" >Turkije</option> <option value="993" >Turkmenistan</option> <option value="1" >Turks- en Caicoseilanden</option> <option value="598" >Uruguay</option> <option value="678" >Vanuatu</option> <option value="58" >Venezuela</option> <option value="44" >Verenigd Koninkrijk</option> <option value="971" >Verenigde Arabische Emiraten</option> <option value="1" >Verenigde Staten</option> <option value="84" >Vietnam</option> <option value="375" >Wit-Rusland</option> <option value="260" >Zambia</option> <option value="263" >Zimbabwe</option> <option value="27" >Zuid-Afrika</option> <option value="82" >Zuid-Korea</option> <option value="211" >Zuid-Soedan</option> <option value="46" >Zweden</option> <option value="41" >Zwitserland</option> <option value="358" >Åland</option> </select> </div> </div> <div class="control-group"> <label for="phone_number" class="t1-label control-label">Telefoonnummer</label> <div class="controls"> <div class="input-prepend"> <span class="add-on" id="country_code_display">+31</span> <input type="hidden" id="country_code" name="country_code" value="31"> <input class="input-medium" name="phone_number" id="phone_number" value=""> </div> </div> </div> </form> </div><!-- modal body --> <div class="modal-footer"> <button id="send_verification_pin" class="btn primary-btn" type="submit" disabled>Doorgaan</button> </div> </div> <div id="sms-confirmation-complete-modal"> <div class="modal-header"> <h3 class="modal-title">Kijk op je telefoon</h3> </div> <div class="modal-body"> <div class="alert" id="sms-alert-box"> <span id="sms-alert-close" class="icon close"></span> <h4 id="sms-alert-message"></h4> </div> <p>We hebben per sms een code verstuurd naar +<span id="phone_number_to_verify"></span>. Vul de code hieronder in om je identiteit te bevestigen en je account te ontgrendelen.</p> </div> <div class="modal-body"> <form id="sms-confirmation-complete-form" class="t1-form form-horizontal sms-form"> <input type="hidden" name="device_type" value="phone"> <input type="hidden" id="authenticity_token" name="authenticity_token" value="93d6da094ab325329f065ffed0f5277bfab6f443"> <div class="control-group" id="numeric_pin"> <label for="numeric_pin_raw" class="t1-label control-label numeric-pin-label">Bevestigingscode</label> <div class="controls"> <input id="numeric_pin_raw"> </div> </div> <div class="form-actions"> <p><button type="button" class="btn-link" id="resend_code">Code opnieuw verzenden</button></p> </div> </form> </div><!-- modal body --> <div class="modal-footer"> <button id="device_verify" class="btn primary-btn" type="submit" disabled>Identiteit bevestigen</button> </div> </div> </div> </div> </div> <div id="leadgen-confirm-dialog" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Bevestiging</h3> </div> <div class="modal-body"> <div class="leadgen-card-container"> <div class="media"> <iframe class="cards2-promotion-iframe" scrolling="no" frameborder="0" src=""> </iframe> </div> </div> <div class="js-macaw-cards-iframe-container" data-card-name="promotion"> </div> </div> </div> </div> </div> <div id="promptbird-modal-prompt" class="modal-container"> <div class="close-modal-background-target"></div> <div class="modal"> <div class="modal-content"> <button type="button" class="modal-btn js-promptDismiss modal-close js-close"> <span class="Icon Icon--close Icon--medium"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="js-promptbird-modal-content"></div> </div> </div> </div> <div id="payment-order-detail-dialog" class="PaymentOrderDialog modal-container"> <div class="close-modal-background-target"></div> <div class="modal draggable"> <div class="modal-content"> <button type="button" class="modal-btn modal-close js-close"> <span class="Icon Icon--close Icon--large"> <span class="visuallyhidden">Sluiten</span> </span> </button> <div class="modal-header"> <h3 class="modal-title">Nu kopen</h3> </div> <div class="modal-body"> <div class="alert"> <h4>Er ging iets mis. Probeer het opnieuw.</h4> </div> <div class="spinner-bigger"></div> <div class="PaymentOrderDialog-orderDetails"></div> </div> </div> </div> </div> <div id="create-custom-timeline-dialog" class="modal-container"></div> <div id="edit-custom-timeline-dialog" class="modal-container"></div> <div id="curate-dialog" class="modal-container"></div> <div class="hidden" id="hidden-content"> <iframe aria-hidden="true" class="tweet-post-iframe" name="tweet-post-iframe"></iframe> <iframe aria-hidden="true" class="dm-post-iframe" name="dm-post-iframe"></iframe> <form class="t1-form media-upload-form" method="post"> <input type="hidden" name="authenticity_token" class="auth-token"> <input type="hidden" name="iframe_callback" class="iframe-callback"> <input type="hidden" name="media" class="media"> <input type="hidden" name="upload_id" class="upload-id"> <input type="hidden" name="origin" class="origin"> </form> <div id="inline-reply-tweetbox"> <form class="t1-form tweet-form condensed " method="post" target="tweet-post-iframe" action="//upload.twitter.com/i/tweet/create_with_media.iframe" enctype="multipart/form-data"> <input type="hidden" name="post_authenticity_token" class="auth-token"> <input type="hidden" name="iframe_callback" class="iframe-callback"> <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id"> <input type="hidden" name="impression_id" class="impression-id"> <input type="hidden" name="earned" class="earned"> <input type="hidden" name="page_context" class="page-context"> <input type="hidden" name="tagged_users" class="tagged-users"> <img class="inline-reply-user-image avatar size32" src="https://pbs.twimg.com/profile_images/422334465088557056/K3a_LWBc_normal.jpeg" alt=""> <span class="inline-reply-caret"> <span class="caret-inner"></span> </span> <div class="tweet-content"> <span class="icon add-photo-icon hidden"></span> <span class="icon nav-tweet hidden"></span> <span class="tweet-drag-help tweet-drag-photo-here hidden">Sleep een foto hierheen</span> <span class="visuallyhidden" id="tweet-box-template-label">Tweettekst</span> <div aria-labelledby="tweet-box-template-label" id="tweet-box-template" class="tweet-box rich-editor " contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"></div> <div class="rich-normalizer"></div> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> <div role="presentation" class="typeahead-user-select"> <div role="presentation" class="typeahead-empty-suggestions"> Voorgestelde gebruikers </div> <ul role="presentation" class="typeahead-items typeahead-selected js-typeahead-selected"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-selected-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-selected-end"></li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-accounts-end"></li> </ul> </div> <div role="presentation" class="typeahead-dm-conversations"> <ul role="presentation" class="typeahead-items typeahead-dm-conversation-items"> <li role="presentation" class="typeahead-item typeahead-dm-conversation-item"> <a role="option" tabindex="-1"></a> </li> </ul> </div> </div> </div> <textarea aria-hidden="true" class="tweet-box-shadow" name="status"></textarea> <div class="thumbnail-container"> <div class="previews"></div> <div class="preview template"> <button type="button" class="dismiss js-dismiss" tabindex="-1"> <span class="icon dismiss-white"> <span class="visuallyhidden"> Verbergen </span> </span> </button> <span class="filename"></span> </div> <div class="preview-message"> <button type="button" class="start-tagging js-open-user-select no-users u-borderUserColorLight u-textUserColor" disabled> <span class="Icon Icon--me Icon--smallest"></span> <span class="tagged-users"> Wie staan er op deze foto's? </span> </button> </div> </div> <div class="photo-tagging-container user-select-container hidden"> <div class="tagging-dropdown dropdown-menu"> <div class="dropdown-caret center"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div class="photo-tagging-controls user-select-controls"> <label class="t1-label"> <span class="Icon Icon--search nav-search"></span> <span class="u-hiddenVisually">Gebruikers in deze foto</span> <input class="js-initial-focus" type="text" placeholder="Zoek en tag tot 10 personen"> </label> </div> <div class="typeahead-container"> <div role="listbox" class="dropdown-menu typeahead"> <div aria-hidden="true" class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div role="presentation" class="dropdown-inner js-typeahead-results"> <div role="presentation" class="typeahead-recent-searches"> <h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recente zoekopdrachten</h3><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Alles wissen</button> <ul role="presentation" class="typeahead-items recent-searches-list"> <li role="presentation" class="typeahead-item typeahead-recent-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"></a> </li> </ul> </div> <div role="presentation" class="typeahead-saved-searches"> <h3 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Opgeslagen zoekopdrachten</h3> <ul role="presentation" class="typeahead-items saved-searches-list"> <li role="presentation" class="typeahead-item typeahead-saved-search-item"> <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Verwijderen</span></span> <a role="option" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"></a> </li> </ul> </div> <ul role="presentation" class="typeahead-items typeahead-topics"> <li role="presentation" class="typeahead-item typeahead-topic-item"> <a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"> </a> </li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="option" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li> </ul> <ul role="presentation" class="typeahead-items typeahead-trend-locations-list"> <li role="presentation" class="typeahead-item typeahead-trend-locations-item"><a role="option" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li> </ul> <div role="presentation" class="typeahead-user-select"> <div role="presentation" class="typeahead-empty-suggestions"> Voorgestelde gebruikers </div> <ul role="presentation" class="typeahead-items typeahead-selected js-typeahead-selected"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-selected-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-selected-end"></li> </ul> <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts"> <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a role="option" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img class="avatar size32" alt=""> <span class="typeahead-user-item-info"> <span class="select-status deselect-user js-deselect-user Icon Icon--check"></span> <span class="select-status select-disabled Icon Icon--unfollow"></span> <span class="fullname"></span> <span class="js-verified hidden"><span class="Icon Icon--verified Icon--small"><span class="u-hiddenVisually">Geverifieerd account</span></span> </span> <span class="username"><s>@</s><b></b></span> </span> </a> </li> <li role="presentation" class="typeahead-accounts-end"></li> </ul> </div> <div role="presentation" class="typeahead-dm-conversations"> <ul role="presentation" class="typeahead-items typeahead-dm-conversation-items"> <li role="presentation" class="typeahead-item typeahead-dm-conversation-item"> <a role="option" tabindex="-1"></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="toolbar js-toolbar"> <div class="tweet-box-extras"> <div class="photo-selector"> <button aria-hidden="true" class="btn icon-btn" type="button" tabindex="-1"> <span class="tweet-camera Icon Icon--camera"></span> <span class="text add-photo-label">Foto toevoegen</span> </button> <div class="image-selector"> <input type="hidden" name="media_data_empty" class="file-data"> <div class="multi-photo-data-container hidden"> </div> <label class="t1-label"> <span class="visuallyhidden">Foto toevoegen</span> <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" title="Foto toevoegen"> </label> <div class="swf-container"></div> </div> </div> <div class="geo-picker"> <button class="btn js-geo-search-trigger geo-picker-btn icon-btn js-tooltip" type="button" tabindex="-1" title="Locatie toevoegen"> <span class="Icon Icon--geo"></span> <span class="text geo-status">Locatie toevoegen</span> </button> <span class="dropdown-container"></span> <input type="hidden" name="place_id"> </div> </div> <div class="tweet-button"> <span class="spinner"></span> <span class="tweet-counter">140</span> <button class="btn primary-btn tweet-action disabled tweet-btn js-tweet-btn" type="button" disabled> <span class="button-text tweeting-text"> <span class="Icon Icon--tweet"></span> Tweeten </span> <span class="button-text messaging-text"> <span class="Icon Icon--dm Icon--small"></span> Bericht verzenden </span> </button> </div> </div> </form> </div> </div> <div id="spoonbill-outer"></div> </body> </html> <input type="hidden" id="init-data" class="json-data" value="{"profileHoversEnabled":false,"baseFoucClass":"swift-loading","bodyFoucClassNames":"swift-loading","macawSwift":true,"assetsBasePath":"https:\/\/abs.twimg.com\/a\/1418162186\/","assetVersionKey":"0a81a7","environment":"production","formAuthenticityToken":"93d6da094ab325329f065ffed0f5277bfab6f443","loggedIn":true,"screenName":"followbacklist3","fullName":" Followbacklist","userId":"363596699","allowAdsPersonalization":true,"scribeBufferSize":3,"pageName":"profile","sectionName":"profile","scribeParameters":{"lang":"nl"},"recaptchaApiUrl":"https:\/\/www.google.com\/recaptcha\/api\/js\/recaptcha_ajax.js","internalReferer":null,"geoEnabled":false,"typeaheadData":{"accounts":{"enabled":true,"localQueriesEnabled":true,"remoteQueriesEnabled":true,"limit":6,"typeaheadExperiments":[]},"contacts":{"enabled":false},"trendLocations":{"enabled":true},"dmConversations":{"enabled":false},"savedSearches":{"enabled":true,"items":[]},"dmAccounts":{"enabled":true,"localQueriesEnabled":true,"remoteQueriesEnabled":true,"onlyDMable":true},"mediaTagAccounts":{"enabled":true,"localQueriesEnabled":true,"remoteQueriesEnabled":true,"onlyShowUsersWithCanMediaTag":false,"currentUserId":363596699},"selectedUsers":{"enabled":true},"prefillUsers":{"enabled":true},"topics":{"enabled":true,"localQueriesEnabled":false,"remoteQueriesEnabled":true,"prefetchLimit":500,"limit":4},"concierge":{"enabled":false,"localQueriesEnabled":false,"remoteQueriesEnabled":false,"prefetchLimit":500,"limit":6,"typeaheadExperiments":[]},"recentSearches":{"enabled":true},"hashtags":{"enabled":true,"localQueriesEnabled":false,"remoteQueriesEnabled":true,"prefetchLimit":500},"useIndexedDB":false,"showSearchAccountSocialContext":true,"showTypeaheadTopicSocialContext":false,"showDebugInfo":false,"useThrottle":true,"accountsOnTop":false,"remoteDebounceInterval":300,"remoteThrottleInterval":300,"reverseBoldingEnabled":false,"tweetContextEnabled":false,"fullNameMatchingInCompose":true,"topicsWithFiltersEnabled":true,"typeaheadExperiments":[]},"dm_participant_max":20,"pushStatePageLimit":500000,"routes":{"profile":"\/followbacklist3"},"pushState":true,"viewContainer":"#page-container","dragAndDropPhotoUpload":true,"href":"\/HelmerTilmans","searchPathWithQuery":"\/search?q=query&src=typd","timelineCardsGallery":true,"mediaGrid":true,"deciders":{"pushState":true,"disable_profile_popup":false,"hqImageUploads":false,"mqImageUploads":false,"largeHeaderImageUpload":true,"dynamicLoadMediaForward":true,"scribeActionQueue":false,"scribeReducedActionQueue":true,"custom_timeline_curation":false,"multi_compose":true,"enableMacawNymizerConversionLanding":false,"promoted_video_logging_enabled":true,"dm_maintain":false,"dm_convo":true,"dm_convo_create":false,"enable_media_tag_prefetch":true,"useHtml5Webcam":true,"enableInlineEditingOnLegacyBrowsers":true,"bulkUnfollowEnabled":true,"swift_contacts_typeahead":false,"smartInfiniteScroll":false,"web_perftown_stats":true,"web_perftown_ttft":true,"geoStructuredLocationEnabled":false,"promptbirdUmfEnabled":false,"web_upload_direct":true},"experiments":{},"permalinkCardsGallery":false,"toasts_dm":true,"toasts_spoonbill":true,"toasts_timeline":false,"toasts_dm_poll_scale":60,"uploadDomain":"upload.twitter.com","lifelineAlertEnabled":false,"freezeDashboard":false,"pageContext":"profile","deviceEnabled":false,"hasPushDevice":true,"smsDeviceVerified":false,"inResearchGroup":false,"enableActivity":true,"profile_user":{"id":2927717810,"id_str":"2927717810","name":"Helmer Tilmans","screen_name":"HelmerTilmans","location":"","profile_location":null,"url":null,"description":"","protected":false,"followers_count":9,"friends_count":172,"listed_count":0,"created_at":"Fri Dec 12 16:47:53 +0000 2014","favourites_count":0,"utc_offset":null,"time_zone":null,"geo_enabled":false,"verified":false,"statuses_count":0,"lang":"nl","contributors_enabled":false,"is_translator":false,"is_translation_enabled":false,"profile_background_color":"C0DEED","profile_background_image_url":"http:\/\/abs.twimg.com\/images\/themes\/theme1\/bg.png","profile_background_image_url_https":"https:\/\/abs.twimg.com\/images\/themes\/theme1\/bg.png","profile_background_tile":false,"profile_image_url":"http:\/\/pbs.twimg.com\/profile_images\/543448373219446784\/yhbmOdmQ_normal.png","profile_image_url_https":"https:\/\/pbs.twimg.com\/profile_images\/543448373219446784\/yhbmOdmQ_normal.png","profile_banner_url":"https:\/\/pbs.twimg.com\/profile_banners\/2927717810\/1418403177","profile_link_color":"0084B4","profile_sidebar_border_color":"C0DEED","profile_sidebar_fill_color":"DDEEF6","profile_text_color":"333333","profile_use_background_image":true,"default_profile":true,"default_profile_image":false,"following":false,"follow_request_sent":false,"notifications":false},"profileEditingCSSBundle":"https:\/\/abs.twimg.com\/a\/1418162186\/css\/t1\/twitter_profile_editing.bundle.css","profile_id":2927717810,"cardsGallery":true,"injectComposedTweets":false,"help_pips_decider":false,"inlineProfileEditing":false,"forceHTML5FileUploader":false,"isClusterFollowReplenishEnabled":false,"profile_presentation":"ocbwr","autoplayEnabled":true,"trendsCacheKey":"7714febd0d","decider_personalized_trends":true,"wtfOptions":{"pc":true,"connections":true,"limit":3,"display_location":"profile-sidebar","dismissable":true,"similar_to_user_id":2927717810},"isCurrentUser":false,"timeline_url":"\/i\/profiles\/show\/HelmerTilmans\/timeline","hasUserCompletionModule":false,"initialState":{"title":"Helmer Tilmans (@HelmerTilmans) | Twitter","section":null,"module":"app\/pages\/profile\/highline_landing","cache_ttl":300,"body_class_names":"three-col logged-in user-style-HelmerTilmans ms-windows western nl enhanced-mini-profile ProfilePage ProfilePage--withBlockedWarning","doc_class_names":"route-profile","route_name":"profile","page_container_class_names":"AppContent","ttft_navigation":false}}"> <input type="hidden" class="swift-boot-module" value="app/pages/profile/highline_landing"> <input type="hidden" id="swift-module-path" value="https://abs.twimg.com/c/swift/nl"> <script src="https://abs.twimg.com/c/swift/nl/init.7ebd0f6f8716ad3b7028340fee4bcdfa421b3d46.js" async></script> I want to have the followers and following info of this twitter page: the code above worked in the past but twitter renewed their codes and now my code doesnt work anymore: expandcollapse popupFunc scanner();normale scanner ProcessClose("iexplore.exe") ProcessClose("iexplore.exe") ProcessClose("iexplore.exe") $link = GUICtrlRead($list1) $oIe =_IECreate("https://twitter.com/"&$link,0,0,1,1) _IENavigate($oIe, "https://twitter.com/" &$link) _IELoadWait($oIe) $oIe = _IEAttach("Twitter") If @error = $_IEStatus_NoMatch Then ConsoleWrite("tab niet gevonden" & @CRLF) Exit EndIf $oLinks = _IELinkGetCollection($oIe) If @error = $_IEStatus_Success Then $linkCnt = @extended ConsoleWrite("Link count = " & $linkCnt & @CRLF) For $oLink In $oLinks If $oLink.className = 'ProfileNav-value' Then If $oLink.getAttribute('data-nav') = 'followers' Then $4er = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2, $4er, ""& $oLink.innerText) ConsoleWrite('Followers = ' & $oLink.innerText & @CRLF) ;_GUICtrlListBox_AddString ($list2,""& $oLink.innerText) ; $4GG = _GUICtrlListBox_GetCurSel($List2) ;_GUICtrlListBox_ReplaceString($List2, $4GG, ""& $oLink.innerText) $text = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2,$text,""& $oLink.innerText) EndIf EndIf Next EndIf $oLinks2 = _IELinkGetCollection($oIe) For $oLink2 In $oLinks2 If $oLink2.className = 'js-nav' Then If $oLink2.getAttribute('data-nav') = 'following' Then ConsoleWrite('following = ' & $oLink2.innerText & @CRLF) $4er = _GUICtrlListBox_GetCurSel($List3) ;_GUICtrlListBox_AddString ($list3,""& $oLink2.innerText) ; $4er = _GUICtrlListBox_GetCurSel($List3) ;_GUICtrlListBox_ReplaceString($List3, $4er, ""& $oLink2.innerText) $text = _GUICtrlListBox_GetCurSel($List3) _GUICtrlListBox_ReplaceString($List3,$text,""& $oLink2.innerText) EndIf EndIf Next $iIndex += 1 If $iIndex = _GUICtrlListBox_GetCount($List1) Then $iIndex = 0 _GUICtrlListBox_SetCurSel($List1, $iIndex) If $iIndex = _GUICtrlListBox_GetCount($List2) Then $iIndex = 0 _GUICtrlListBox_SetCurSel($List2, $iIndex) If $iIndex = _GUICtrlListBox_GetCount($List3) Then $iIndex = 0 _GUICtrlListBox_SetCurSel($List3, $iIndex) If $iIndex = _GUICtrlListBox_GetCount($List4) Then $iIndex = 0 _GUICtrlListBox_SetCurSel($List4, $iIndex) If $iIndex = _GUICtrlListBox_GetCount($List5) Then $iIndex = 0 _GUICtrlListBox_SetCurSel($List5, $iIndex) If $iIndex = _GUICtrlListBox_GetCount($List9) Then $iIndex = 0 _GUICtrlListBox_SetCurSel($List9, $iIndex) _IEQuit ($oIe) EndFunc The only thing it does now is telling me the pagelinks but no info about followers and following numbers
computergroove Posted December 15, 2014 Posted December 15, 2014 I'm still working on this but I don't know where to find a list of definitions that follow the $olink (ie $olink.classname or $olink.href) Can anyone point me in the right direction? Where are these listed and defined? Get Scite to add a popup when you use a 3rd party UDF -> http://www.autoitscript.com/autoit3/scite/docs/SciTE4AutoIt3/user-calltip-manager.html
computergroove Posted December 15, 2014 Posted December 15, 2014 Best I can do my friend #include <INET.au3> #include <String.au3> Global $Str1 = 'Volgers' Global $Str2 = '</span>' $HTML = _INetGetSource("http://www.autoitscript.com/forum/topic/166212-how-to-get-number-in-span/");<- try this with the direct link to your twitter account $Step1 = StringInStr($HTML,$Str1,0,2) $Step2 = StringTrimLeft($HTML,$Step1 + 404) $Step3 = StringLen($Step2) $Step4 = StringInStr($Step2,"</SPAN>") $Step5 = $Step3 - $Step4 + 1 $Step6 = StringTrimRight($Step2,$Step5) MsgBox(0,"",$Step6) Get Scite to add a popup when you use a 3rd party UDF -> http://www.autoitscript.com/autoit3/scite/docs/SciTE4AutoIt3/user-calltip-manager.html
mikell Posted December 15, 2014 Posted December 15, 2014 This works on the provided html $oLinks = _IELinkGetCollection($oIe) For $oLink In $oLinks If StringInStr($oLink.className, "ProfileNav-stat") Then If $oLink.getAttribute('data-nav') = 'following' Then $txt &= $oLink.title & @crlf If $oLink.getAttribute('data-nav') = 'followers' Then $txt &= $oLink.title & @crlf EndIf Next Msgbox(0,"", $txt)
computergroove Posted December 15, 2014 Posted December 15, 2014 Mikell can you point to a reference to the getattribute and or classname suffix of $olink please? Get Scite to add a popup when you use a 3rd party UDF -> http://www.autoitscript.com/autoit3/scite/docs/SciTE4AutoIt3/user-calltip-manager.html
Moderators SmOke_N Posted December 15, 2014 Moderators Posted December 15, 2014 Methods: http://msdn.microsoft.com/en-us/library/ie/hh772117%28v=vs.85%29.aspx Properties: http://msdn.microsoft.com/en-us/library/ie/hh773183(v=vs.85).aspx Common sense plays a role in the basics of understanding AutoIt... If you're lacking in that, do us all a favor, and step away from the computer.
mikell Posted December 15, 2014 Posted December 15, 2014 Yes A way to see how all this works is to have a look at the _IEPropertyGet func in the IE.au3 include file
Arclite86 Posted December 15, 2014 Author Posted December 15, 2014 thank you mike it worked, but now I would like to put it in a list and replace the old number with the new what i tried: $oLinks = _IELinkGetCollection($oIe) For $oLink In $oLinks If StringInStr($oLink.className, "ProfileNav-stat") Then If $oLink.getAttribute('data-nav') = 'following' Then $text = $oLink.title & @crlf If $oLink.getAttribute('data-nav') = 'followers' Then $text = $oLink.title & @crlf EndIf Next $text2 = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2,$text2,$text) it works but it gives me a error on line 919 >"C:\Program Files (x86)\AutoIt3\SciTE\AutoIt3Wrapper\AutoIt3Wrapper.exe" /run /prod /ErrorStdOut /in "C:\Users\joesoef pc\Desktop\autoit\twitter programma\new program\twittermachine.au3" /UserParams +>20:48:25 Starting AutoIt3Wrapper v.2.2.0.0 SciTE v.3.4.1.0 Keyboard:00020409 OS:WIN_81/ CPU:X64 OS:X64 Environment(Language:0413) +> SciTEDir => C:\Program Files (x86)\AutoIt3\SciTE UserDir => C:\Users\joesoef pc\AppData\Local\AutoIt v3\SciTE\AutoIt3Wrapper SCITE_USERHOME => C:\Users\joesoef pc\AppData\Local\AutoIt v3\SciTE >Running AU3Check (3.3.10.2) from:C:\Program Files (x86)\AutoIt3 input:C:\Users\joesoef pc\Desktop\autoit\twitter programma\new program\twittermachine.au3 +>20:48:25 AU3Check ended.rc:0 >Running:(3.3.10.2):C:\Program Files (x86)\AutoIt3\autoit3.exe "C:\Users\joesoef pc\Desktop\autoit\twitter programma\new program\twittermachine.au3" --> Press Ctrl+Alt+F5 to Restart or Ctrl+Break to Stop "C:\Users\joesoef pc\Desktop\autoit\twitter programma\new program\twittermachine.au3" (919) : ==> Variable used without being declared.: _GUICtrlListBox_ReplaceString($List2,$text2,$text) _GUICtrlListBox_ReplaceString($List2,$text2,^ ERROR ->20:48:36 AutoIt3.exe ended.rc:1 +>20:48:36 AutoIt3Wrapper Finished. >Exit code: 1 Time: 11.6 line 919 = _GUICtrlListBox_ReplaceString($List2,$text2,$text) And i would also like to delete the word "following" when it replaces
mikell Posted December 15, 2014 Posted December 15, 2014 (edited) Local $text1 = "", $text2 = "" ; <<<<<<<<<<<<<<<< you must declare this first ! $oLinks = _IELinkGetCollection($oIe) For $oLink In $oLinks If StringInStr($oLink.className, "ProfileNav-stat") Then If $oLink.getAttribute('data-nav') = 'following' Then _ $text1 = StringRegExpReplace($oLink.innertext, '\D', "") ; <<< blow off all non-digit chars If $oLink.getAttribute('data-nav') = 'followers' Then _ $text2 = StringRegExpReplace($oLink.innertext, '\D', "") EndIf Next $oldtext2 = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2,$oldtext2,$text2) Edited December 15, 2014 by mikell
Arclite86 Posted December 15, 2014 Author Posted December 15, 2014 and could you please also show me to put the "following" in list 3 because i get a little confused I tried this: but it leaves the list 3 empty Local $text = "" ; <<<<<<<<<<<<<<<< you must declare this first ! $oLinks = _IELinkGetCollection($oIe) For $oLink In $oLinks If StringInStr($oLink.className, "ProfileNav-stat") Then If $oLink.getAttribute('data-nav') = 'following' Then _ $text = StringRegExpReplace($oLink.innertext, '\D', "") ; <<< blow off all non-digit chars If $oLink.getAttribute('data-nav') = 'followers' Then _ $text = StringRegExpReplace($oLink.innertext, '\D', "") EndIf Next $text2 = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2,$text2,$text) Local $text3 = "" ; <<<<<<<<<<<<<<<< you must declare this first ! $oLinks3 = _IELinkGetCollection($oIe) For $oLink3 In $oLinks3 If StringInStr($oLink3.className, "ProfileNav-stat") Then If $oLink3.getAttribute('data-nav') = 'followers' Then _ $text3 = StringRegExpReplace($oLink3.innertext, '\D', "") ; <<< blow off all non-digit chars If $oLink.getAttribute('data-nav') = 'following' Then _ $text3 = StringRegExpReplace($oLink3.innertext, '\D', "") EndIf Next $text4 = _GUICtrlListBox_GetCurSel($List3) _GUICtrlListBox_ReplaceString($List3,$text3,$text3)
mikell Posted December 15, 2014 Posted December 15, 2014 This should work Local $text = "" $oLinks = _IELinkGetCollection($oIe) For $oLink In $oLinks If StringInStr($oLink.className, "ProfileNav-stat") Then If $oLink.getAttribute('data-nav') = 'following' Then $text = StringRegExpReplace($oLink.innertext, '\D', "") $oldtext = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2, $oldtext, $text) ElseIf $oLink.getAttribute('data-nav') = 'followers' Then $text = StringRegExpReplace($oLink.innertext, '\D', "") $oldtext = _GUICtrlListBox_GetCurSel($List3) _GUICtrlListBox_ReplaceString($List3, $oldtext, $text) EndIf EndIf Next
andrewz Posted December 16, 2014 Posted December 16, 2014 (edited) 1.) Grab all the data between the span with _StringBetween from the source. 2.) StringReplace everything that got copied unnecessary. 3.) Win ? Example: #include <Inet.au3> #include <Array.au3> #include <String.au3> #include <AutoItConstants.au3> #include <MsgBoxConstants.au3> Global $url = "http://www.autoitscript.com/forum/topic/166212-how-to-get-number-in-span/" Global $content = _INetGetSource($url) Global $string_A = _StringBetween($content, '<title>', '</title>') $title_A = StringReplace($string_A[0]," - General Help and Support - AutoIt Forums","") $title_B = StringReplace($title_A, "<","<") MsgBox(0,"Thread Title",$title_B) Edited December 16, 2014 by andrewz
computergroove Posted December 16, 2014 Posted December 16, 2014 (edited) Please explain $title_B = StringReplace($title_A, "<","<") ------------------------------------^ what is < Edited December 16, 2014 by computergroove Get Scite to add a popup when you use a 3rd party UDF -> http://www.autoitscript.com/autoit3/scite/docs/SciTE4AutoIt3/user-calltip-manager.html
Moderators SmOke_N Posted December 16, 2014 Moderators Posted December 16, 2014 Please explain $title_B = StringReplace($title_A, "<","<") ------------------------------------^ what is < HTML for the less than sign. Common sense plays a role in the basics of understanding AutoIt... If you're lacking in that, do us all a favor, and step away from the computer.
Arclite86 Posted December 22, 2014 Author Posted December 22, 2014 (edited) hi guys when i try to run the function i get a error message and then it exit everytime it says +>23:24:47 Starting AutoIt3Wrapper v.2.2.0.0 SciTE v.3.4.1.0 Keyboard:00020409 OS:WIN_81/ CPU:X64 OS:X64 Environment(Language:0413) +> SciTEDir => C:\Program Files (x86)\AutoIt3\SciTE UserDir => C:\Users\joesoef pc\AppData\Local\AutoIt v3\SciTE\AutoIt3Wrapper SCITE_USERHOME => C:\Users\joesoef pc\AppData\Local\AutoIt v3\SciTE >Running AU3Check (3.3.10.2) from:C:\Program Files (x86)\AutoIt3 input:C:\Users\joesoef pc\Desktop\autoit\\programma\new program\machine.au3 +>23:24:48 AU3Check ended.rc:0 >Running:(3.3.10.2):C:\Program Files (x86)\AutoIt3\autoit3.exe "C:\Users\joesoef pc\Desktop\autoit\programma\new program\machine.au3" --> Press Ctrl+Alt+F5 to Restart or Ctrl+Break to Stop --> IE.au3 T3.0-1 Error from function _IECreate, (Browser Object Creation Failed) --> IE.au3 T3.0-1 Error from function _IENavigate, $_IEStatus_InvalidDataType --> IE.au3 T3.0-1 Error from function _IELoadWait, $_IEStatus_InvalidDataType --> IE.au3 T3.0-1 Warning from function _IEAttach, $_IEStatus_NoMatch tab niet gevonden --> IE.au3 T3.0-1 Error from function _IELinkGetCollection, $_IEStatus_InvalidDataType --> IE.au3 T3.0-1 Error from function _IELinkGetCollection, $_IEStatus_InvalidDataType "C:\Users\joesoef pc\Desktop\autoit\programma\new program\machine.au3" (913) : ==> Variable must be of type "Object".: For $oLink In $oLinks For $oLink In $oLinks^ ERROR ->23:27:22 AutoIt3.exe ended.rc:1 +>23:27:22 AutoIt3Wrapper Finished. >Exit code: 1 Time: 155.6 line 913= For $oLink In $oLinks in this code: Local $text = "" $oLinks = _IELinkGetCollection($oIe) For $oLink In $oLinks If StringInStr($oLink.className, "ProfileNav-stat") Then If $oLink.getAttribute('data-nav') = 'following' Then $text = StringRegExpReplace($oLink.innertext, '\D', "") $oldtext = _GUICtrlListBox_GetCurSel($List3) _GUICtrlListBox_ReplaceString($List3, $oldtext, $text) ElseIf $oLink.getAttribute('data-nav') = 'followers' Then $text = StringRegExpReplace($oLink.innertext, '\D', "") $oldtext = _GUICtrlListBox_GetCurSel($List2) _GUICtrlListBox_ReplaceString($List2, $oldtext, $text) EndIf EndIf Next can somebody please help me with this Edited December 22, 2014 by Arclite86
Moderators SmOke_N Posted December 22, 2014 Moderators Posted December 22, 2014 It tells you in the first error for IE (_IECreate, (Browser Object Creation Failed)). IE failed to create the browser, therefore, any call after that that expects the $oIE object will fail. Always always always use error checking after you make a call to something. eg. Global $oIE = _IECreate("someurl") If @error or Not IsObj($oIE) Then ; you put some error code to handle it here Exit -101 ; some error code so you can verify if it's compiled or whatever EndIf Common sense plays a role in the basics of understanding AutoIt... If you're lacking in that, do us all a favor, and step away from the computer.
kylomas Posted December 22, 2014 Posted December 22, 2014 Look at your error messages again. IECreate failed so everything following will also fail. Forum Rules Procedure for posting code "I like pigs. Dogs look up to us. Cats look down on us. Pigs treat us as equals." - Sir Winston Churchill
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now