code works at jsfiddle but not on my site

Question

here are three sections to jsfiddle CSS, Javascript and HTML so there should be a way to have an HTML file with three sections which say Drop CSS code here, Drop HTML Here and Drop Javascript here. It doesn't work yet but currently I have

<html>
<head>
<title>Some Title</title>
<style type="text/css" media="screen">

<!-- CSS Section From JSfiddle Goes Here -->

</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">           </script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

// Javascript Section From JSfiddle Goes Here

});
</script>
</head>
<body>

<!-- HTML Section From JSfiddle Goes Here -->

</body>
</html>

It seems like this would be an easy thing do do mindlessly like it could be automated or can it ? Seems like a lot of people are are finding the examples at JSfiddle not helpful because there is some magic going on at JSfiddle which they are not sharing with us.

If you're pasting from jsfiddle directly, you probably need to cleanup the code and remove invisible special characters. See http://stackoverflow.com/q/12719859/825789 — bfavaretto, Oct 17 '12 at 20:17
is it the missing `https:` before the script tag for jquery-ui? — zoli, Oct 17 '12 at 20:18
So what is the problem if you do this? Please remember that "doesn't work" is never a good description of a problem. What goes wrong exactly? — kapa, Oct 17 '12 at 20:20
Also remember to include the reset CSS if you used the Normalized CSS function. — kapa, Oct 17 '12 at 20:21

score 5 · Answer 1 · answered Oct 17 '12 at 20:19

5

You can do this pretty easily. Save your fiddle and then click the share button. Take the full screen edit URL and paste it into a new tab. Right click in the main area where the example is and view the source. Save that and you have a working copy.

answered Oct 17 '12 at 20:19

j08691

204,283
31
260
272

That didn't work for me (using Chrome). My code was added dynamically inside an iframe, and view source didn't show that (but inspecting the DOM did). – bfavaretto Oct 17 '12 at 20:39
1

I was using Chrome and it worked just as it did in the output frame at JSfiddle. – user1532576 Oct 17 '12 at 20:41
My bad. I was using the `/embedded/result` URL, instead of just `/embedded`. – bfavaretto Oct 17 '12 at 21:13

code works at jsfiddle but not on my site

1 Answers1

Linked