im working with execCommand and trying to make a function to insert a youtube video into a content editable div with execcommand inserthtml. Now this works with every other browser except, OMG IE. now i am trying to use pasteHTML(), found that some people have gotten it to work, for its part but for some reason it is not working
[Code]....
I'm using an HTML page with one section having editable content. Nothing overly complicated. All other execCommands are working fine, but I cannot get Paste to work. The function is called from this button:
And, here's the Javascript function:
When I use the Copy or Cut buttons the selected text is loaded into the clipboard. If I press Ctrl+V to paste, it works fine. But clicking the Paste button either has no visible effect (if no text is selected) or just deletes any selected text. I've used the Paste command before from VB without any problem, but it's been awhile since I've used JS.
I am having a problem with my wysiwyg editor for my site, users dont like the fact that you have to select text before you create a link and I was wondering if it was possible to prompt the user to add title text before you use the execCommand('createlink') and use that has the select text that they made from the prompt. Instead of the old way where you must select text first to use execCommand('createlink') to create a link. kind of like Sitepoint's insert link function but instead prompts the user for the title and doesn't insert bbcode but a anchor tag?
View 7 Replies View RelatedOk well I am trying to insert a youtube video into an iframe with designMode on so I have been doing":
Code:
iframeDoc.execCommand("inserthtml", false, "<object width='480' height='385'><param name='movie' value='http://www.youtube.com/v/xlTyCymEM9g&hl=en_US&fs=1&'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/xlTyCymEM9g&hl=en_US&fs=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed></object>");
However, it will not show the player at all.
Can I use execCommand to save just the contents of a textfield as a PHP file on a users computer? I've been searching for an hour and can't figure out how to do it.
View 2 Replies View RelatedIs it possible to use the command:
document.execCommand("InsertUnorderedList")
to specify what type of unordered list, or to use css to specify, what type of unordered list you want?
Does anybody know what's the use of the execCommand() function?? Also, is it used to add tags in textboxes??
View 6 Replies View RelatedI have a video gallery with a bigger div with width 500 pixels where the main video is waiting to be played and below is a smaller div with all the others videos from the gallery having width of 80 pixels.The list of video are managed by a content management system in PHP and are the result of youtube "Share Embed action" where the result is an iframe with the link for the video.How can i clicking on a video from the smaller div see the video being displayed in the bigger div ? already playing? or in a new layer above the website ?For now the video plays in the div it is located at.As an example here is the source video format :
<iframe width="420" height="315" src="http://www.youtube.com/embed/somevideourlhere" frameborder="0" allowfullscreen></iframe>
I am using IE 6.0. On a page, I have placed a contenteditable div
which I want to use as a Rich Text Area. I am using the execCommand method of
the document to control bold, italics, underlining, and undo for this div.
I have placed an input element on the page to. All but the undo, are
restricted to working only on the div. How can I restrict the undo to
working on only the div?
Below is the complete page so you can see what I am talking about.
Just paste it into an htm file and traverse to it via your browser.
Type something in the div and the input and then try the buttons. Code:
Does anyone know of a way to wrap custom tags around selected text
using execCommand or otherwise?
I am developing a rich text editor for use in a web site and while
there are a few decent ones already floating around I need to
implement a few extra bits of functionality. Specifically tool tips.
Idealy I'd like to wrap custom tags around selected text using
execCommand. Ie "Selected Text" becomes:
"<a title='User inputed tooltip'>Selected Text</a>".
Any ideas?
I'm (experimenting) writing my own RTE in JavaScript, I'm doing pretty good until it comes to the commands, the execCommand method. Here's what I have so far:
function get(editid) {
// IE
if(document.frames[editid].document) return document.frames[editid].document;
else return document.getElementById(editid).contentDocument;
}
[Code]....
The xC (execute command) function is not working! I've tried so much.
I want to remove link. How to do that using execCommand()
View 1 Replies View RelatedI am attempting to write a wysiwyg text editor to use in back-end site administration forms. It's working pretty well, aside from one error: when I hilight a large block of text and change the font, the change only applies to portions of the text selected (which appears to be random portions). Here is the javascript I'm using:
Code:function applyFont() { document.all.rtEditor.focus(); document.execCommand(fontname, false, document.all.fontNameSelector.value);}Where am I going wrong?
I am currently writing a CMS and I need a few minor variable values from the YouTube Api. I wish to embed a YouTube video into a page and then extract key information about that video such as:
1. The Title
2. The duration
3. The number of hits
I'm trying to create a video box on a website that plays a youtube video and then automatically plays random recommended videos with no break in playback. An endless playlist created by youtube based on the initial video. Youtube uses Javascript API. I have never used Javascript before but i'm just trying to get the video to play as above. There are few tutorials online and I couldn't find anyone trying to do a similar thing.
View 5 Replies View RelatedI'm using this code I got from an example:
<head>
<TITLE>Creating a link</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function createLink()
[Code]....
It's working ok in IE, but in Firefox (3.5.3 I'm using), I get the following error:
Quote ... uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLDocument.execCommand]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://localhost/america/editora/simple2.html :: createLink :: line 11" data: no]
Line 0 I have googled for this error but seems nobody is having problems with it? Any help much appreciated, I'm a rookie in javascript.
(line 11 is the CreateLink line)
For some reason this code to copy to the clipboard isn't working anymore in IE
$("#holdtext").innerText = '#' + $("#check").val() + '#';
Copied = document.getElementById('holdtext').createTextRange();
Copied.execCommand("Copy");
basically nothing is copied to the clipboard
I'm not using any framework so I'm not looking for any jquery shorthand. I just need to change the youtube video with a click.
Code:
<script type="text/javascript">
function changeVideo(vidSrc){
var link = vidSrc.href + "?version=3&hl=en_US&rel=0";
var movie = document.getElementById('embeddedMovie');
movie.setAttribute("src", link);
alert('SRC: ' + document.getElementById('embeddedMovie').src);
return false;
}
And the html:
Code:
<object width="560" height="315">
<param name="movie" id="embeddedParam" value="[URL]"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed id="embeddedMovie" src="[URL]" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true">
</embed></object>
The alert shows that the source is changing however the page just goes blank and the src is not updated in the markup. I also tried updating the parameter along with the movie but still no luck. Does the same on all browsers. If I use the same technique for images it works so I don't believe it to be any DOM loading issue.
how to Dynamically embedding youtube video?
View 1 Replies View RelatedI have a YouTube channel with many videos. The links to these Flash videos are talking to a page within my web site. On the web site, the video pops up in a tiny window on entry of the page, and it closes when you click the close button or it will fade away after it has played its way through.
So the scenario is this: The site looks great, but it doesn't on an iPad. Because I am linking to a Flash YouTube URL, it doesn't load on the non-Flash iPad device. I have done a lot of online reading for a week and discussed on many forums. However, everywhere I turn, I read articles about how what I'm trying to do is not possible--that no YouTube URL will ever play on the iPad. Is this true? If so, why can they play on the iPad YouTube app? What is the difference between the app and my web page?
I found many articles and videos referencing this fallback: [URL]
However, my problem with this fallback is that my videos are on YouTube. I am using a URL to talk to it, more specifically an ID. The client has done this purposely to save bandwidth on their server. I have the start of the Javascript looking like this:
function loadPlayer() {
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
[Code].....
Within the loadPlayer function, can I add fallbacks in here (after line 4)? If so, how do I go about writing one? I suppose I'm just lost on how to get the HTML5 video option to work with my project. I have heard YouTube is using HTML5 video in beta, and it may be running in a few months. Would this auto-correct my problem do you think?
Is there a way to find the native file in the YouTube channel and bypass the .swf reference?
I am embedding several youtube videos on a page, by default, youtube videos do not autoplay.
To get them to autoplay, one simply appends &autoplay=1 to the youtube url.
E.g. http://www.youtube.com/v/6YR0LGK_HHA&autoplay=1
(will autoplay)
As opposed to:
http://www.youtube.com/v/6YR0LGK_HHA
(will not autoplay)
Does anyone know of a cool trick for being able to do this when the client clicks on a JS link labelled Play Video (without refreshing the page)? Code:
Its a long shot posting here but the task I'm using a jQuery Carousel that has a youTube video embedded on one of the slides:
[URL]
I have is does any one know a way that when the user clicks a new slide the youTube video pauses, turns off, or at the very least the volume of the video is set equal to zero.
I'm trying to find out the height of an embedded youtube-video (what I wan't to do is hide all embeds when I open a facebox and replace them with a placeholder of equal size). I (basically) tried this:
It always alerts 18, at least for the yourubevideos I embedded.
I'm having a strange issue with the positioning of a youtube videobar in the the right sidebar, but it only seems to be happening on Chrome and Safari. When one of the video thumbnails in the bar is clicked, it's supposed to open a player video beside it, but in Chrome and Safari the player video opens elsewhere on the page. It appears to work fine in Firefox and IE7 (only other browsers I've been able to test it in so far).
When I take the website's existing HTML and CSS out of the equation and just test the videobar by inserting it in a blank HTML page (an example) the player opens in the correct position, which is a dynamic position calculated within the javascript of Google's Search API. I haven't changed it from the defaults, just copied it locally to the site. The bulk of the changes to Google's defaults that I've made were by placing the #videoBar div that contains the videobar itself within a styled #vidBarholder div with a background image. Both of those divs are then placed within the sidebar left floated containing div.
Looks at each paragraph and converts youtube and yahoo video links to embedded players.Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I'm trying to create a Youtube video inserter script for my site. Long story short, I need to be able to prototype an HTML element and add a string into the element's innerHTML, like this:
myObj.insertVid(5sw2OvIgoO8);
I'm using jQuery to getElementsByClass("sip").
[Code]..