| Left: | ||
| Right: |
| OLD | NEW |
|---|---|
| 1 <link rel="canonical" href="http://acceptableads.org/"/> | 1 <link rel="canonical" href="http://acceptableads.org/"/> |
| 2 <meta property="og:type" content="website"/> | 2 <meta property="og:type" content="website"/> |
| 3 <meta property="og:image" content="http://acceptableads.org/images/manifesto/acc eptable-ads-manifesto-share.png?a=show"/> | 3 <meta property="og:image" content="http://acceptableads.org/images/manifesto/acc eptable-ads-manifesto-share.png?a=show"/> |
| 4 <meta property="og:url" content="http://acceptableads.org"/> | 4 <meta property="og:url" content="http://acceptableads.org"/> |
| 5 <meta name="google-site-verification" content="3deBAaPY4M2OuOe576R36TC28S5svlfRR sdaGS6WCXg"/> | 5 <meta name="google-site-verification" content="3deBAaPY4M2OuOe576R36TC28S5svlfRR sdaGS6WCXg"/> |
| 6 <meta charset="utf-8"/> | 6 <meta charset="utf-8"/> |
| 7 <meta name="viewport" content="width=device-width, initial-scale=1"/> | 7 <meta name="viewport" content="width=device-width, initial-scale=1"/> |
| 8 <style type="text/css"> | 8 <style type="text/css"> |
| 9 @font-face | 9 @font-face |
| 10 { | 10 { |
| (...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 212 margin: 0px; | 212 margin: 0px; |
| 213 } | 213 } |
| 214 | 214 |
| 215 #join-org img | 215 #join-org img |
| 216 { | 216 { |
| 217 width: 19px; | 217 width: 19px; |
| 218 height: 19px; | 218 height: 19px; |
| 219 margin-top: 6px; | 219 margin-top: 6px; |
| 220 } | 220 } |
| 221 | 221 |
| 222 #join-org strong | 222 #join-org strong, |
| 223 #supporters-more-link | |
| 223 { | 224 { |
| 224 font-weight: normal; | 225 font-weight: normal; |
| 225 font-size: 15px; | 226 font-size: 15px; |
| 226 color: #78b364; | 227 color: #78b364; |
| 227 text-decoration: underline; | 228 text-decoration: underline; |
| 228 } | 229 } |
| 229 | 230 |
| 231 #supporters-more | |
| 232 { | |
| 233 margin-bottom: 20px; | |
| 234 } | |
| 235 | |
| 230 #social button | 236 #social button |
| 231 { | 237 { |
| 232 width: 100%; | 238 width: 100%; |
| 233 margin: 0px; | 239 margin: 0px; |
| 234 margin-bottom: 10px; | 240 margin-bottom: 10px; |
| 235 } | 241 } |
| 236 | 242 |
| 237 #facebook button | 243 #facebook button |
| 238 { | 244 { |
| 239 background-color: #45658a; | 245 background-color: #45658a; |
| (...skipping 236 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 476 return; | 482 return; |
| 477 | 483 |
| 478 document.getElementById("signees").removeAttribute("hidden"); | 484 document.getElementById("signees").removeAttribute("hidden"); |
| 479 var signeesCount = document.getElementById("signees-count"); | 485 var signeesCount = document.getElementById("signees-count"); |
| 480 if ("textContent" in signeesCount) | 486 if ("textContent" in signeesCount) |
| 481 signeesCount.textContent = count; | 487 signeesCount.textContent = count; |
| 482 else | 488 else |
| 483 signeesCount.innerText = count; | 489 signeesCount.innerText = count; |
| 484 } | 490 } |
| 485 | 491 |
| 486 function addListener(obj, type, listener, useCapture) | 492 function addListener(obj, type, listener, useCapture, preventDefault) |
| 487 { | 493 { |
| 488 if ("addEventListener" in obj) | 494 if ("addEventListener" in obj) |
| 489 { | 495 { |
| 490 obj.addEventListener(type, listener, useCapture); | 496 obj.addEventListener(type, function(ev) |
| 497 { | |
| 498 listener(ev); | |
| 499 if (preventDefault) | |
| 500 ev.preventDefault(); | |
|
Wladimir Palant
2014/08/18 12:31:19
A more consistent approach would be using the retu
Thomas Greiner
2014/08/19 09:32:34
Done.
| |
| 501 }, useCapture); | |
| 491 } | 502 } |
| 492 else | 503 else |
| 493 { | 504 { |
| 494 if (type == "DOMContentLoaded") | 505 if (type == "DOMContentLoaded") |
| 495 type = "load"; | 506 type = "load"; |
| 496 | 507 |
| 497 obj.attachEvent("on" + type, function() | 508 obj.attachEvent("on" + type, function() |
| 498 { | 509 { |
| 499 listener(event); | 510 listener(event); |
| 511 event.returnValue = preventDefault; | |
|
Wladimir Palant
2014/08/18 12:31:19
This should assign !preventDefault - see onclick="
Thomas Greiner
2014/08/19 09:32:34
Done.
| |
| 500 }); | 512 }); |
| 501 } | 513 } |
| 502 } | 514 } |
| 503 | 515 |
| 504 addListener(window, "DOMContentLoaded", function(ev) | 516 addListener(window, "DOMContentLoaded", function(ev) |
| 505 { | 517 { |
| 506 fetchNumberOfSignees(); | 518 fetchNumberOfSignees(); |
| 519 | |
| 520 var moreSupporters = document.getElementById("supporters-more-link"); | |
| 521 addListener(moreSupporters, "click", function(ev) | |
| 522 { | |
| 523 var overflow = document.getElementById("supporters-overflow"); | |
| 524 overflow.removeAttribute("hidden"); | |
| 525 moreSupporters.parentNode.removeChild(moreSupporters); | |
| 526 }, false, true); | |
| 507 | 527 |
| 508 var readmore = document.getElementById("readmore"); | 528 var readmore = document.getElementById("readmore"); |
| 509 addListener(readmore, "click", function(ev) | 529 addListener(readmore, "click", function(ev) |
| 510 { | 530 { |
| 511 var fulltext = document.getElementById("fulltext"); | 531 var fulltext = document.getElementById("fulltext"); |
| 512 if (fulltext.hasAttribute("hidden")) | 532 if (fulltext.hasAttribute("hidden")) |
| 513 fulltext.removeAttribute("hidden"); | 533 fulltext.removeAttribute("hidden"); |
| 514 else | 534 else |
| 515 fulltext.hidden = "hidden"; | 535 fulltext.hidden = "hidden"; |
| 516 | 536 |
| 517 ev.preventDefault(); | 537 if ("stopPropagation" in ev) |
| 518 ev.stopPropagation(); | 538 ev.stopPropagation(); |
| 519 }, false); | 539 }, false, true); |
| 520 | 540 |
| 521 var shareTitle = document.getElementById("share-text-title")[textAttr]; | 541 var shareTitle = document.getElementById("share-text-title")[textAttr]; |
| 522 var shareDescription = document.getElementById("share-text-description")[textA ttr]; | 542 var shareDescription = document.getElementById("share-text-description")[textA ttr]; |
| 523 var facebookButton = document.getElementById("facebook"); | 543 var facebookButton = document.getElementById("facebook"); |
| 524 facebookButton.href = "https://www.facebook.com/sharer/sharer.php?s=100&p%5Bti tle%5D=" | 544 facebookButton.href = "https://www.facebook.com/sharer/sharer.php?s=100&p%5Bti tle%5D=" |
| 525 + encodeURIComponent(shareTitle) | 545 + encodeURIComponent(shareTitle) |
| 526 + "&p%5Bsummary%5D=" | 546 + "&p%5Bsummary%5D=" |
| 527 + encodeURIComponent(shareDescription) | 547 + encodeURIComponent(shareDescription) |
| 528 + "&p%5Burl%5D=http%3A%2F%2Facceptableads.org%2F"; | 548 + "&p%5Burl%5D=http%3A%2F%2Facceptableads.org%2F"; |
| 529 var twitterButton = document.getElementById("twitter"); | 549 var twitterButton = document.getElementById("twitter"); |
| 530 twitterButton.href = "https://twitter.com/intent/tweet?text=" | 550 twitterButton.href = "https://twitter.com/intent/tweet?text=" |
| 531 + encodeURIComponent(shareTitle) | 551 + encodeURIComponent(shareTitle) |
| 532 + "&url=http%3A%2F%2Facceptableads.org%2F"; | 552 + "&url=http%3A%2F%2Facceptableads.org%2F"; |
| 533 }, false); | 553 }, false, false); |
| 534 | 554 |
| 535 function checkCollapse() | 555 function checkCollapse() |
| 536 { | 556 { |
| 537 if (document.documentElement.offsetWidth < 500) | 557 if (document.documentElement.offsetWidth < 500) |
| 538 return; | 558 return; |
| 539 | 559 |
| 540 var social = document.getElementById("sign"); | 560 var social = document.getElementById("sign"); |
| 541 var placeholder = document.getElementById("sign-placeholder"); | 561 var placeholder = document.getElementById("sign-placeholder"); |
| 542 var classes = social.className.split(" "); | 562 var classes = social.className.split(" "); |
| 543 | 563 |
| (...skipping 11 matching lines...) Expand all Loading... | |
| 555 } | 575 } |
| 556 } | 576 } |
| 557 else if (scrollTop < placeholder.offsetTop + placeholder.offsetHeight - 100) | 577 else if (scrollTop < placeholder.offsetTop + placeholder.offsetHeight - 100) |
| 558 { | 578 { |
| 559 classes.splice(classes.indexOf("collapsed"), 1); | 579 classes.splice(classes.indexOf("collapsed"), 1); |
| 560 placeholder.style.height = "0px"; | 580 placeholder.style.height = "0px"; |
| 561 social.className = classes.join(" "); | 581 social.className = classes.join(" "); |
| 562 } | 582 } |
| 563 } | 583 } |
| 564 | 584 |
| 565 addListener(window, "scroll", checkCollapse); | 585 addListener(window, "scroll", checkCollapse, false, false); |
| 566 addListener(window, "resize", checkCollapse); | 586 addListener(window, "resize", checkCollapse, false, false); |
| 567 --></script> | 587 --></script> |
| OLD | NEW |