Test for jQuery clone bug

100%

Test for jQuery clone bug

✓ Published0🌍 Public

Last edited Nov 23, 2010

Created on Nov 23, 2010

This example demonstrates a bug in jQuery 1.4.3 where cloning an HTML5 `<section>` element loses its inner markup, while a standard `<div>` clones correctly. The page renders two paragraphs—one inside a `<section>` and one inside a `<div>`—and uses jQuery’s `clone()` and `html()` methods to capture their HTML. The resulting strings are displayed in separate `<pre>` elements via `text()`. The code relies on the jQuery CDN and a document-ready handler, highlighting a parsing discrepancy between HTML5 semantic elements and legacy block elements in older jQuery versions.

AI-generated description

Similar vizzes

Loading thumbnail…

test

This example demonstrates a simple HTML page displaying the static message “Hello HTML12!” in large, centered text. It uses CSS for styling and relies on the D3.js library (v7) loaded from a CDN, though no D3-specific functions or data are invoked. The visualization serves as a minimal test case, showing how a basic D3-enabled document is structured without any interactive or dynamic behavior.

Kkingstonjb

55% match

Loading thumbnail…

Testing Jagascript Arrays

A minimal web page demonstrates the contrast between static HTML content and a placeholder for dynamic JavaScript-driven visualization. The example relies on plain HTML structure with a single message element and no external libraries. It does not include any data processing, rendering, or interaction. The page serves as a basic template, showing how a document can embed text while leaving space for future JavaScript enhancements, such as those using D3 or Canvas APIs. Currently, the visualization logic is absent, making it a starting point for building more complex array-based visual experiments.

JJesper Martinsson

54% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses D3 v5, loaded from a CDN, to render a single styled `<div>` element containing placeholder text. The code sets up a basic document structure with a large centered body font and a bordered box, showing how to integrate D3 into a plain HTML page without any additional frameworks. It highlights the core pattern of combining standard HTML elements with D3’s script tag inclusion, serving as a foundational template for more complex visualizations.

Jjuhwanoh

54% match

Loading thumbnail…

Gist 637706

This example shows a jQuery plugin modification that preserves the original parent containers of filtered list items during activation and deactivation. The code explicitly handles cases where filtered items are not siblings by storing each item’s parent in its `data` object, then uses a `putBack` function to restore items to their correct parents. It relies on jQuery selectors like `tbody > tr` and methods such as `detach()`, `appendTo()`, and `data()`. The diff adds a `siblings` option to toggle between appending items together under a single parent or individually under their original parents.

DDylanFM

53% match

Loading thumbnail…

test

This example demonstrates a minimal D3 version 6 setup where a large “hello” text replaces an SVG element on a black background. The page loads a 960x800 SVG, but the JavaScript removes it and appends a paragraph element containing the result of a simple `hello` function. Using vanilla DOM methods (`document.querySelector`, `createElement`, `appendChild`, `removeChild`) alongside the D3 v6 library loaded from a CDN, the code highlights basic script integration and DOM manipulation in a visualization context.

IInnoFail

53% match

Loading thumbnail…

HTML Test

This example demonstrates a minimal HTML page styled with CSS and enhanced with JavaScript. It renders a heading and an unordered list using standard HTML elements. The page applies a monospace font and a large text size through an external stylesheet (styles.css). The code relies on core web technologies—HTML for structure, CSS for presentation, and JavaScript for interactivity—offering a simple template for web-based visualization development. It references a React-based starter alternative for comparison.

JJorrr2

53% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that combines CSS and JavaScript within a single file. It showcases a custom parser function that scans a text block for occurrences of the `::div` pattern, then logs each match to the browser console. The parser uses a regular expression to capture syntax elements like IDs, classes, colors, and fonts, testing how structured text annotations can be extracted. The page’s body simply displays the text “Hello HTML,” while the parser operates on a multiline string defined in a namespace object.

PPotOfCoffee2Go

53% match

Loading thumbnail…

Test D3

This example shows a minimal D3 version 6 setup where the text “hello world” is displayed in the center of a webpage. The code uses plain JavaScript to select an HTML `<pre>` element and set its text content directly, with no data binding or scales involved. It relies on the D3 library only for loading the script from the CDN, while the core rendering is handled by the browser’s DOM. The page is styled with large font size and centered alignment, demonstrating a basic integration of D3 in an HTML document.

NNigel Quinlan

52% match