i am using the object flash embed instead of the swfobject or flashobject because I am embedding using js innerHTML. Is there a way to loose the dotted border in IE that swfobject fixes? The movie needs no interactivity its just a swf animation.
View 5 RepliesI have a flash file that reads an xml file and writes the text on the flash.The problem I have is when the client does not have the font that I'm using.I looked on many websites and they always say you have to do the following Open the Library panel (Ctrl+L).Add a font to your library - click the options menu in the upper right corner of the panel and select New Font from the menu.In the Font Symbol Properties dialog box select the font, size and style that you want and give the font combination a name. Click OK to close the dialog box.
Right-click the font symbol in the library and select Linkage from the contextual menu.In the Linkage Properties dialog box, click the Export for ActionScript button to enable both the Identifier and AS 2.0 Class text input fields. Leave the default Identifier value and click OK to close the dialog box.Select the text tool from the Tools panel and draw a dynamic text field on the Stage.Give the text field an instance name of "my_txt". In the Font menu select the symbol name you gave the embedded font earlier. You should see a little asterisk (*) beside the name.In the Property inspector set the font size and style to match those in the Font Symbol Properties dialog box earlier.Open the Actions Panel and add the following code to Frame 1 of your Flash document:
my_fmt.font = "Palatino";
new_txt.embedFonts = true;
new_txt.text = "hello world";
But this only works if you create those text fields on the flash scene.In my case, I only have an action script that reads that xml file and writes the text on the file. I don't need to manually create those "dynamic" text fields.
I have the following problem:
An input field get a border assigned by a style class (e.g. 2px solid red).
When the field gets the focus, we set the border to green.
element.style.border = "2px solid green";
When the field looses the focus, the border should change back to red.
We just want to remove the style we have set, when the field has got the
focus, so that the style class is visible again.
element.style.border = "";
Under Firefox that works but not under IE.
We have changed to the class mode, because we don't want to save the
previous setting and restore it later.
Is there a possibility to remove the style (especially the border style)
under IE, so that the style of the assigned class is visible again?
element.style.removeAttribute doesn't seem to work, but may be I make
something wrong? Code:
I made a popup window with createpopup(). The window has a frame
border around it that is grey. I can't seem to find the code that
would not allow the frame of the popup to show.
I've experimented with this:
this.mypopup.document.frameborder=0;
window.frame=0;
Ultimately, I would like to know if it is possible to get rid of the
frame border on the popup window created from createpopup();
I imagine this is trivial - in fact it must have been asked before, I just can't find the answer. I have looked.I have a dotted bottom border defined on my link hovers, like so [code]
View 5 Replies View RelatedI want to access the features of a plugin without actually embedding
it into a page. Is this possible? Eg
The code to embed the object into a page is:
<OBJECT classid='CLSID:7FA62735-AHC3-14d2-9F81-00114B3245C5
codebase='http://www.test.com/plug.cab#version=3,1' "id='myPlugin'
height=Ɔ' width=Ɔ'>
<EMBED type='application/x-myPlugin' name='myPlugin' hidden='true'
src='in.txt'></EMBED>
</OBJECT>
I could simply add this using document.write, but for various reasons
I dont want to do this.
I would rather do something like:
var plugin = (navigator.mimeTypes &&
navigator.mimeTypes["application/x-Web-Plugin"]) ?
navigator.mimeTypes["application/x-Web-Plugin"].enabledPlugin : 0;
myObj = new object("CLSID:7FA62735-AHC3-14d2-9F81-00114B3245C5");
myObj.pluginMethod
<object id="alerttest" name="alerttest" data="alert.txt" type="text/plain" width="100" height="100">I am here!</object>
Well it seems that when I do document.getElementById("alerttest").innerHTML; my result is "I am here!" thought I need the contents of the text file. How would I get the contents of the text file ?
I am attempting to implement a javascript joystick plugin. The project has a google code page located at: [URL]
After installing the plugin, the javascript works flawlessly in IE and FF, however chrome has some issues with executing it. A hosted version of what I am having trouble with can be found at [URL]
The issue seems to be with a snippet of code from the main script that attempts to create an object and embed it on the page. The trouble area can be found here: try
{
ctrlFF.type = "application/x-vnd.numfum-joystick";
ctrlFF.width = 0;
ctrlFF.height = 0;
/*
* Before accessing the plug-in's script interface it needs to be
[Code].....
Chrome doesn't seem to support the .setDevice function, as when running the chrome developer tools inspect element tool, I can see it throw an exception at that line, and prompts the user to update java, because it thinks it is out of date.
What I want to do is change the border of several images on the page to show a 4px border. There are many images on the page so I just want to call the changeborder() function on the onClick event so as the image that has been clicked changes. However, I don't think using this.style.border to identify the element works when placed within the function. That is, how do I identify, from the function, which image has been clicked? My current code (which does not work) looks like this but I am sure its possible to gather what i'm trying to achieve:
<script type="text/javascript">
function changeborder()
{
this.style.border='4px solid red'
}
</script>
<img style="border: 1px solid #F4F4F4;" onclick="changeborder()" src="images/colours/010.jpg" border="0">
What I'm trying to do is this: in the Home page, I want to add a big flash animation, that goes on top of the normal content (as in a higher layer). The animation will end after some point, after which I want to get rid of it, sort of like a welcome animation, that vanishes off after it ends. This way when someone accesses the website, they'll be greeted to a small non-annoying animation that overlaps the rest of the page, and then they'll be left with the Home.
But I can't find what I'm looking for. After a set amount of time, how do I get rid of the flash in the document? Can I eliminate it, make it invisible, unvalidate it or whatever?
I thought that instead of having the animation in another page that redirects to the Home, this would be a great opportunity to finally learn how to integrate flash with websites. After all, I've been meaning to learn javascript for some time now.
is there a way how to detect if mouse is over the border table and over cell border? and if yes, when user click and host button and move mouse cursor (to increase cell width) which event should i detect ?
View 1 Replies View RelatedI've run into a problem on a particular project, and it seems to be browser specific. [code]...
Now, this works all fine and dandy in Firefox and Safari, but in the IE's, it will switch properly, but if you switch while in the middle of a movie playing and then switch back to it, the video is paused at the spot where the switch happened and will not play again. That does not happen in Firefox or Safari. Your thoughts? Is this just a cache thing with IE that can't be worked around?
I am using javascript code to change the background colour and font colour of some elements called 'filled') dynamically. For example:
if(timeInputValue >= startcode && timeInputValue < endcode && stateInput.value == "playing") {
filled.style.backgroundColor = '#ffffff';
filled.style.color = '#000000';
}
I also want to put a border around these 'filled' elements too - how can I do this is javascript? I can't find an equivelent to style.border = "1px"
I want to add onclick event for object tag.Does object tag supported onclick event?
View 3 Replies View RelatedI have a Flash movie on a web page and I want to send parameters to it with JavaScript to have it go to a selected frame. The AS3 code receives its information via an ExternalInterface API. The following code parses the URL argument (?page=x) and I want to send the value (x) to Flash. Unfortunately, when creating the objMovie variable, it is always undefined, therefore getFlashMovie is undefined and Flash never receives the callback. Thinking that it was because the flash movie is not loaded yet, I created a button to call callToActionscript, and when I click the button, I get the same error.
(getFlashMovie("myFlashMovie") is undefined)
Also,
if (params)
always returns true, whether there are parameters or not. I don't understand that, either.
The code follows:
<script >
$(document).ready(function() {
var params=getQueryParameters();
if(params) {
callToActionscript(params[0]);
}});
function getFlashMovie(movieName) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
var objMovie = (isIE) ? window[movieName] : document[movieName];
alert(objMovie); //Always return undefined
return objMovie;
} function callToActionscript(page) {
var myMovie=getFlashMovie("myFlashMovie").sentToActionscript(page);
} function getQueryParameters() {
var query = window.location.href.split('?')[1];
//query won't be set if ? isn't in the URL
if(!query) {
return { };
} else{
var param = query.split('=');
} return param[1];
}
</script>
I am having trouble changing the value of a flash object using JS in IE. The flash code is below
<object id="FlashID" classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="721" height="423">
<param name="movie" id="movie" value="../../flash/world.swf">
<param name="quality" value="high">
[code]...
Within my site I have the following code:-
Code:
<form>
<button onClick="changeVideo(2)" type="button"/>
</form>
<object id="videoPlayer" type="application/x-shockwave-flash" data="http://www.mysite.com/videoplayer.swf">
[code]....
By default when my site loads the flash file gets the value of currentItem from Flashvars and does what it needs to do with this value. The flash file in question is just a basic video player and the id of the video to be played is retrieved from flashvars.
However I want users to now be able to click the button in my form and then the value of flashvars in my videoPlayer object will change to the value passed in the changeVideo() function i.e. in the above example value="currentVideo=1" will become value="currentVideo=2".
That's the easy part I think but what I then need to do is get the flash file itself to load this video without a page refresh but I have no idea how to get the flash file to recognise this value once it has already loaded. What exactly are my best options here?:-
1. Reload the flash component via ajax every time a user selects a new video i.e. every time changeVideo() is fired?
Is this possible? Basically I need to grab all the flash objects on the page (done) and then set the wmode to transparent so it doesn't mess up my DHTML menu.
View 2 Replies View RelatedI'm trying to make a quick and dirty mp3 player that plays whatever mp3 is in the URL, for example [url] would open the SWF mp3 player (I chose this one for its simplicity[url]) and play that song. However, nothing I've tried works. Could someone take a look at my code ? Please note that downloading the mp3 through newwindow() works perfectly.
View 3 Replies View RelatedDoes anybody encountered this problem ? My purpose is to change the source of a flash object from param_src = window.location.search.substring(1)
so the essential code is something like this:
command = '<object ... src="' + param_src + '" ... TYPE="application/x-shockwave-flash" ...</object>'
document.write(command);
This works on FIREFOX but IE keeps playing the same file instead of playing a new one !
I have tried to add the no-cache meta-tags in the header but it still doesn't work.
Probably covering well trodden ground here but so far I haven't found any reliable solution and "it can't be done" seems crazy. Here goes:I have some Flash and non-flash banners that are to be embedded into my page - all managed by a simple CMS. The Flash movies are not created by me as they are for 3rd Party advertisors, and I do not want to be doing any Flash programming myself as it's not my thing and I don't have the resource to do it. As with the JPEG/GIF files - I just want to be given the file and then embed it.
What I want to do is produce some MI based upon when the various banners are clicked - things like how many clicks and who clicked them (users are logged into the web site so I can track them). Simple enough for JPEG/GIF banners capturing the onclick event but for Flash it seems that the Flash movie prevents (or overrides) the onclick event from registering.This seems crazy! I want my application logic (in this case logging user activity) to be independant of the media content - especially as I am not in control of the media content.Googling and experimentation shows that for IE I can seemingly use "onfocus" but this is not very satisfactory and of course I need a cross browser solution.This seems like such a simple concept that at the time of specifying the requirements it didn't occur to me that this might not be possible.... but it seems that I may be wrong!
is it possibile to detect and prevent through javascript the opening of a new window caused by a embedded flash object? In the html code this embedded object resides within a given div with id.
I would want to know about it because every time I open the page, the flash embedded object opens another window, and it is a little bit noisy.
Does exists a solution for that?
If I have html of
<div id="A360AFD9-AE96-44B8-8ED5-C9E5591F5A0D" class="control"> <div class="editableToolbar clearfix"> <a href="#" class="edit"></a><a href="#" class="delete"></a>[code]....
and I have loaded
<div id="F0C1BA11-C058-4B21-989D-80A64DCBCFD3" class="control"
<div class="editableToolbar clearfix">
<a href="#" class="edit"></a><a href="#" class="delete"></a>[code]....
the above html into a var and I only want to remove the
<div class="editableToolbar clearfix">
<a href="#" class="edit"></a><a href="#" class="delete"></a>
</div> part.
I cant use .remove as it will remove all the divs from the page. I only want to remove the one div contained in the var .
I am using <object> tag, but I want to get rid of the scrollbar though it's disabled.
<object data="component.jsp" type="text/html" class="format" scrolling="no">
</object>
stylesheet for format --
.format {
overflow:hidden;
width:420px;
height:260px;
border:0px;
}
I have an object that onmouseover - displays information.I am using element.append method to do that.However, before doing that, I want to clear the object so it displays present content only.Could not find anything like that. Well I found:jQuery.removeData(elementName,[name])and used it, but it doesn't work.
View 1 Replies View RelatedI'm beginner in jQuery and trying to write "add/remove div object" script.
I found on web some examples how to do it but... there's two problems.
Firstly I want to add some DIV when user choose any value from select list html object and absolutely don't know how to do it...
Secondly - every new DIV object created by select list from html must have (inside of this div) something like "remove me link" which of course should deleted this DIV from page.