Created
December 18, 2012 16:09
-
-
Save cecilemuller/4329304 to your computer and use it in GitHub Desktop.
X3DOM: get the attributes of a node
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>X3DOM</title> | |
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap.min.css" rel="stylesheet" /> | |
</head> | |
<body class="container"> | |
<X3D width="100%" height="300px"> | |
<Scene> | |
<Shape id="myShape"> | |
<Appearance> | |
<Material id="myMaterial" diffuseColor="0.6 0.6 0.6" specularColor="0.8 0.8 0.8" shininess="0.145" ambientIntensity="0.2" emissiveColor="0,0,0"/> | |
</Appearance> | |
<Sphere /> | |
</Shape> | |
</Scene> | |
</X3D> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | |
<script src="http://x3dom.org/x3dom/release/x3dom.js"></script> | |
<script> | |
function displayAttributes(objectId){ | |
var code = ''; | |
var attributes = document.getElementById(objectId).attributes; | |
$.each(attributes, function(index, attr) { | |
code += '<tr><th>' + attr.name +'</th><td>' + attr.value + '</td></tr>'; | |
}); | |
$("#attributesTable").html(code); | |
} | |
</script> | |
<button onclick="displayAttributes('myShape')" class="btn btn-large">Attributes of the shape</button> | |
<button onclick="displayAttributes('myMaterial')" class="btn btn-large">Attributes of the material</button> | |
<table id="attributesTable" class="table table-striped table-bordered" style="margin-top:50px"></table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Response to this StackOverflow question