1 2// Function called from WebCore. 3function createOverlay(shadowRoot, titleText, subtitleText) 4{ 5 // Generate the following structure: 6 // 7 // <div pseudo="-webkit-snapshotted-plugin-content"> 8 // <div class="snapshot-overlay" aria-label="[Title]: [Subtitle]" role="button"> 9 // <div class="snapshot-label"> 10 // <div class="snapshot-title">[Title]</div> 11 // <div class="snapshot-subtitle">[Subtitle]</div> 12 // </div> 13 // </div> 14 // </div> 15 16 var shadowContainer = document.createElement("div"); 17 shadowContainer.setAttribute("pseudo", "-webkit-snapshotted-plugin-content"); 18 19 var overlay = shadowContainer.appendChild(document.createElement("div")); 20 overlay.setAttribute("aria-label", titleText + ": " + subtitleText); 21 overlay.setAttribute("role", "button"); 22 overlay.className = "snapshot-overlay"; 23 24 var snapshotLabel = overlay.appendChild(document.createElement("div")); 25 snapshotLabel.className = "snapshot-label"; 26 27 var title = snapshotLabel.appendChild(document.createElement("div")); 28 title.className = "snapshot-title"; 29 title.textContent = titleText; 30 31 var subtitle = snapshotLabel.appendChild(document.createElement("div")); 32 subtitle.className = "snapshot-subtitle"; 33 subtitle.textContent = subtitleText; 34 35 shadowRoot.appendChild(shadowContainer); 36}; 37