Search result for 'click url'
(0.0300478935242 seconds)
khal3d/Load wordpress pages by jQuery ( PHP)
// functions.php
function is_ajax_request() {
if ((isset($_SERVER['HTTP_X_REQUESTED_WITH']) && ($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest')) || isset($_GET['ajax']) || isset($_POST['ajax'])) {
return true;
}
else{
return false;
}
}
// ------------------------------------------------
if( ! is_ajax_request() ) get_header();
// Page content here
if( ! is_ajax_request() ) get_footer();
// ------------------------------------------------
// jQuery Code
$('a').click(function(){
$('section#page-container').html('<div id="loading"><p>Loading ...</p></div>');
var $link = this;
$.ajax({
url: $link.attr('href'),
type: 'POST',
data: 'ajax=true',
success: function(data) {
$('section#page-container').html(data);
}
});
return false
});
the_construct/Facebook Share ( JavaScript)
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
function streamPublish(){
FB.ui({
'method': 'feed',
'name': 'ADD TITLE OR OTHER SUCH INFO OF YOUR SITE HERE',
'description': '',
'link': 'LINK TO THE PAGE OR APP YOU WANT TO SHARE',
'caption': 'SOME CAPTION OR DESCRIPTION TEXT',
'picture': 'ABSOLUTE URL TO YOUR IMAGE'
});
};
</script>
<!-- THE CODE BELOW INVOKES THE CALL TO streamPublish() ONCLICK -->
<script type="text/javascript">
$(document).ready(function(){
$('#ksharefacebook').click(function(){
streamPublish();
return false;
});
});
</script>
How to invoke the share functionality for a Facebook app
eowynx/JEDITABLE EXAMPLE ( jQuery)
$('.edit').editable(submitEdit, {
indicator: '<img src="/images/indicator.gif">',
id : $(this).attr('tradu'),
tooltip: 'editar',
cancel: 'cancelar',
submit: 'ok',
event: 'edit'
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function () {
$(this).parent().prev().trigger("edit");
});
function submitEdit(value, settings)
{
var origvalue = this.revert;
var textbox = this;
var result = value;
var edits = 'nuevo='+value+'&anterior='+origvalue+'&id_string='+$(this).attr('tradu')+'&lang=<?=$lang?>';
var returned = $.ajax({
url: "/procedures/saveTranslation.php",
type: "POST",
data : edits,
complete : function (xhr, textStatus)
{
var response = xhr.responseText;
if (response != "")
{
alert(response);
}
}
});
return(result);
}
simple jquery jeditable example
qimocha/Meta Information ( HTML)
Identify the authour and the editor ............................................. <html> <head> <meta name="author" content="Richie"> <meta name="revised" content="ayumi,6/10/99"> <meta name="generator" content="Coda"> </head> Describe the document and its keywords. ................................................... <html> <head> <meta name="description" content="Richie Qilayout webpages" <meta name="keywords" content="HTML, DHTML, CSS, XML"> </head> Redirect to a new web address ..................................................... <html> <head> <meta http-equiv="Refresh" content="5;url=http://www.w3schools.com"> </head> <body> <p> Sorry! We have moved! The new URL is: <a href="http://www.w3schools.com">http://www.w3schools.com</a> </p> <p> You will be redirected to the new address in five seconds. </p> <p> If you see this message for more than 5 seconds, please click on the link above! </p> </body> </html>
nerdfiles/Managing Popups through Anchor @rel and jquery ( JavaScript)
/* For popups:
<a href="http://google.com"
title=""
rel='popup:{"width":"200","height":"200","title":""}'>
augue ut enim
</a>
*/
$("a[rel^='popup']").bind("click", function(e) {
var url = $(this).attr("href"),
rel = $(this).attr("rel"),
windowSettings = JSON.parse(rel.match(/{(.*)}/)[0]) ||
$.parseJSON(rel.match(/{(.*)}/)[0]) ||
{
status: 1,
toolbar: 1,
location: 1,
menubar: 1,
directories: 1,
resizable: 1,
scrollbars: 1,
height: 400,
width: 400,
title: ""
},
windowSettingsStr = [],
counter = 0;
for (var i in windowSettings) {
windowSettingsStr[counter] = i+"="+windowSettings[i];
counter += 1;
}
var n = window.open(url, windowSettings.title, windowSettingsStr.join(","));
if (window.focus) {
n.focus();
}
e.preventDefault();
});
ksaver/chirpyt: Simple Python script to share a link to Twitter ( Python)
#! /usr/bin/env python
#
# chirpyt-0.1.py
# http://twitter.com/chirpyt
# A simple python script to share a link to Twitter stream :-)
# ksaver (at identi.ca), Sep 11, 2010.
# Public Domain Code.
# Not warranty at all.
#
# In order to work, some requierements must be met:
# BeautifulSoup: http://www.crummy.com/software/BeautifulSoup/
# tweepy: http://github.com/joshthecoder/tweepy
#
# Usage:
# ./chirpyt.py auth -To get a pair of oauth keys.
# ./chirpyt.py help -To get this help output.
# ./chirpyt.py http://example.com -To send a new link.
# ./chirpyt.py -Without arguments.
#
# Elliot, be good.
import string
import sys
import tweepy
import urllib
import urllib2
from BeautifulSoup import BeautifulSoup as cooksoup
# Edit this two lines, and add your own keys.
# To get a key pair, run ./chirpyt.py auth.
#------------------------------------------------
ACCESS_KEY = 'PASTE_HERE_YOUR_ACCESS_KEY'
ACCESS_SECRET = 'PASTE_HERE_YOUR_ACCESS_SECRET'
#------------------------------------------------
CONSUMER_KEY = 'D6gfLh3XYuyLrnlP3XYdQw'
CONSUMER_SECRET = '7fete8FUruFaJPAl4NFVg3jF2TZDiNUG5FkW2ob0oM'
def authorize():
auth = tweepy.OAuthHandler(CONSUMER_KEY, CONSUMER_SECRET)
auth_url = auth.get_authorization_url()
print "----------------------------"
print "Chirpyt authorization module"
print "----------------------------\n"
print "Please login to Twitter in your browser,",
print "then open this URL and authorize (by clicking 'Allow'):"
print auth_url
print
verifier = ''
while not verifier:
verifier = raw_input("Enter here the numeric PIN: ").strip()
auth.get_access_token(verifier)
print "Now, copy the next pair of keys, and paste them into the script."
print
print "ACCESS_KEY = '%s'" % auth.access_token.key
print "ACCESS_SECRET = '%s'" % auth.access_token.secret
def chirpyt(tweet):
auth = tweepy.OAuthHandler(CONSUMER_KEY, CONSUMER_SECRET)
auth.set_access_token(ACCESS_KEY, ACCESS_SECRET)
api = tweepy.API(auth)
api.update_status(tweet)
def get_html(url, params):
uagent = 'Opera/9.80 (X11; FreeBSD 8.1-RELEASE i386; U; en)\
Presto/2.6.30 Version/10.62'
headers = {'User-Agent': uagent}
request = urllib2.Request(url, params, headers)
return urllib2.urlopen(request).read()
def get_title(url):
htmldoc = get_html(url, None)
soup = cooksoup(htmldoc)
return soup.title.string.strip()
def short_url(longurl):
shortener = 'http://ur1.ca/'
webparams = {'longurl': longurl}
encparams = urllib.urlencode(webparams)
htmldoc = get_html(shortener, encparams)
soup = cooksoup(htmldoc)
return soup.p.text[string.find(soup.p.text, ':')+1:]
def help():
myname = sys.argv[0]
helpstring = '''
Usage:
./%s auth -To get a pair of oauth keys.
./%s help -To get this help output.
./%s http://example.com -To tweet a new link.
./%s -Without arguments.
''' % (myname, myname, myname, myname)
return helpstring
def main(argv):
TITMAXLEN = 100
TWTMAXLEN = 140
if len(argv) > 1:
if argv[1] == 'auth':
authorize()
exit()
elif argv[1] == 'help':
print help()
exit()
else:
url = argv[1]
else:
url = raw_input("Please enter a url: ")
page_title = get_title(url)[:TITMAXLEN]
tweet = "%s: %s" % (page_title, url)
if len(tweet) > TWTMAXLEN:
url = short_url(url)
tweet = "%s: %s" % (page_title, url)
chirpyt(tweet)
print "%s [%s chars]\n" % (tweet, len(tweet))
if __name__ == '__main__':
main(sys.argv)
"Whatever you do will be insignificant, but it is very important that you do it." --Mahatma Gandhi
delineo/Accordion Content Expander ( jQuery)
<style type="text/css">
.expander { display:block; width:400px; height:24px; padding:5px 0px 0px 33px; margin:10px 0px 10px 0px; cursor:pointer; font-weight:bold; color:#000066; }
.expanderHalfClosed { background:url(images/back_expanders_half_closed.jpg) no-repeat; }
.expanderHalfOpen { background:url(images/back_expanders_half_open.jpg) no-repeat; }
.expanderFull { display:block; width:521px; height:24px; padding:5px 0px 0px 33px; margin:10px 0px 10px 0px; cursor:pointer; font-weight:bold; color:#000066; }
.expanderFullClosed { background:url(images/back_expanders_full_closed.jpg) no-repeat; }
.expanderFullOpen { background:url(images/back_expanders_full_open.jpg) no-repeat; }
.hide { display:none; }
</style>
<script type="text/javascript">
// Content expander jQuery
$(document).ready(function() {
$("div.expander").click(function() {
if ($(this).hasClass("expanderHalfClosed")) {
$(this).removeClass("expanderHalfClosed");
$(this).addClass("expanderHalfOpen");
}
else {
$(this).removeClass("expanderHalfOpen");
$(this).addClass("expanderHalfClosed");
}
});
$("div.expanderFull").click(function() {
if ($(this).hasClass("expanderFullClosed")) {
$(this).removeClass("expanderFullClosed");
$(this).addClass("expanderFullOpen");
}
else {
$(this).removeClass("expanderFullOpen");
$(this).addClass("expanderFullClosed");
}
});
});
</script>
<div onclick="$('#number1').toggle();" class='expanderFull expanderFullClosed'>Legal</div>
<div id='number1' class='hide'>
CONTENT</div>
<div onclick="$('#number2').toggle();" class='expanderFull expanderFullClosed'>Tax</div>
<div id='number2' class='hide'>
CONTENT</div>
<div onclick="$('#number3').toggle();" class='expander expanderHalfClosed'>Administration</div>
<div id='number3' class='hide'>
CONTENT</div>
robotici/Jquery: Scrollto ( jQuery)
<html>
<head>
<title>TEST</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".scroll").click(function(event){
//prevent the default action for the click event
event.preventDefault();
//get the full url - like mysitecom/index.htm#home
var full_url = this.href;
//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
var parts = full_url.split("#");
var trgt = parts[1];
//get the top offset of the target anchor
var target_offset = $("#"+trgt).offset();
var target_top = target_offset.top;
//goto that anchor by setting the body scroll top to anchor top
$('html, body').animate({scrollTop:target_top}, 500);
});
});
</script>
</head>
<body>
<div align="center">
<table border="1" cellspacing="1" width="500" id="table1">
<tr>
<td>
<div align="left" id="top">
<table border="0" cellpadding="0" cellspacing="0" width="100" id="table2">
<tr>
<td><a href="#home" class="scroll">HOME</a></td>
</tr>
<tr>
<td><a href="#about" class="scroll">ABOUT</a></td>
</tr>
<tr>
<td><a href="#contact" class="scroll">CONTACT</a></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="500" valign="top"><span id="home">HOME AREA</span>
<a href="#top" class="scroll">Go Top</a></td>
</tr>
<tr>
<td valign="top" height="700"><span id="about">ABOUT AREA</span>
<a href="#top" class="scroll">Go Top</a></td>
</tr>
<tr>
<td valign="top" height="800"><span id="contact">CONTACT AREA </span>
<a href="#top" class="scroll">Go Top</a></td>
</tr>
</table>
</div>
</body>
</html>
Dmitriy Belous/Sharepoint webservice ( C#)
public void QueryMetaData(string metadata, string metaitem)
{
Lists.Lists list = new Lists.Lists();
links.Controls.Clear();
list.Credentials = Mycredentials();
XmlDocument camlDocument = new XmlDocument();
XmlNode queryNode = camlDocument.CreateElement("Query");
XmlElement viewFields = camlDocument.CreateElement("ViewFields");
//Specify exact field or column that you want to return.
//viewFields.InnerXml = "<FieldRef Name='Sublocation' />";
// Query all Web sites in this site collection.
//query.Webs = "<Webs Scope=\"SiteCollection\" />";
//To search specific folder
//queryOptionsNode.InnerXml = "<Folder>Folders DocLib/2008</Folder>";
System.Xml.XmlElement queryOptions = camlDocument.CreateElement("QueryOptions");
queryOptions.InnerXml = "<ViewAttributes Scope=\"Recursive\" />";
queryNode.InnerXml = @"<OrderBy>
<FieldRef Name='Group' />
</OrderBy>
<Where>
<Eq>
<FieldRef Name='"+ metadata +"' />" +
"<Value Type='Text'>"+ metaitem +"</Value>" +
"</Eq>" +
"</Where>";
XmlNode ResultListItems = list.GetListItems("Shared Documents", null, queryNode, viewFields, null, queryOptions, GetWebID().ToString());
/*Loop through each node in the XML response and display each item.*/
foreach (System.Xml.XmlNode listItem in ResultListItems)
{
LinkButton linkbtn;
foreach (XmlNode childNode in listItem.ChildNodes)
{
if (childNode.Attributes != null)
{
linkbtn = new LinkButton();
linkbtn.ID = "link" + childNode.Attributes["ows_SelectTitle"].Value.ToString();
linkbtn.Text = childNode.Attributes["ows_LinkFilename"].Value.ToString();
linkbtn.CommandArgument = childNode.Attributes["ows_EncodedAbsUrl"].Value.ToString();
linkbtn.CausesValidation = false;
linkbtn.Click += new EventHandler(LinkButton1_Click);
links.Controls.Add(linkbtn);
Literal lt = new Literal();
lt.Text = "<br>";
links.Controls.Add(lt);
//linkbtn.OnClientClick = "window.open(http://localhost:2334/SharePoint/Show.aspx)";
//linkbtn.Attributes.Add("onClick", "javascript:window.open(" + ResolveUrl("Show.aspx") +
//linkbtn.Attributes.Add("Target", "_blank");
//messagelbl.Text += "<a href='" + childNode.Attributes["ows_EncodedAbsUrl"].Value.ToString() + "' >" + childNode.Attributes["ows_LinkFilename"].Value.ToString() + "</a><br>";
}
}
}
}
Search by metadata in sharepoint
magicrebirth/Django: adding new admin_tags ( Django)
# FIRST:
from django import template
from poms.pomsapp import models
register = template.Library()
# for People template
@register.inclusion_tag('admin/snippets/personfactoid_info.html')
def display_personfactoids(person_id):
person = models.Person.objects.get(id__exact=person_id)
# factoids = models.Factoids.objects.filter(people=person)
return { 'person': person }
## SECOND:
{% if person.assocfactoidperson_set.all %}
<b>Person associated to factoids:</b></br />
<table>
<tr>
<th>Record ID</th>
<th>Type</th>
<th>Short Summary</th>
<th>Role</th>
<th>Source</th>
</tr>
{% for a in person.assocfactoidperson_set.all %}
<tr>
<td>{{a.factoid.id}}</td>
<td>{{a.factoid.get_right_subclass.0}}&#160;&#160;&#160;&#160;</td>
<td><a href="{% url factoid_detail a.factoid.id %}" title="click to show">{{a.factoid}}</a></td>
<td>{{a.role}}</td>
<td><a href="{% url source_detail a.factoid.sourcekey.id %}" title="click to show">{{a.factoid.sourcekey}}</a></td>
</tr>
{% endfor %}
</table>
<br /><hr><hr><hr><br />
{% endif %}
## THIRD
........
{% block related_items_block %}{% endblock %}
........
## FOURTH
{% extends "admin/change_form.html" %}
{% load myadmin_tags %}
{% block related_items_block %}
<h2>Additional information:</h2><br />
{% if object_id %}
{% display_personfactoids object_id %}
{% endif %}
{% endblock %}
First: create a file under djangoapp/templatetags where you define your tags [e.g.: myadmin_tags.py]:
Second: create the html snippets that get loaded in those tags [e.g., personfactoid_info.html]:
Third: in mytemplates/admin/ modify change_form.html (if you don't have it just copy it from the django-admin app). You must add a placeholder for the new templatetags (probably you want to add it at the bottom of the page):
FOurth: create a new changeform.html in the same directory as above, but under your model template [e.g., mytemplates/admin/myapp/mymodel/changeform.html] so to override the behaviour just for that. The 'object_id' variable is passed by the admin template by default:
chrislorenz/jQuery Content Fader ( jQuery)
/* Author: Verve! Community Builders */
$(document).ready(function (){
var prevNav;
var prevId;
if ($('#servicesContent').length) {
function servicesSelect($id, $prevId, $navId, $prevNavId) {
// Debug alert(prevNav+" : "+prevId);
$("#"+$prevNavId).css("background-image", "url(/images/services/"+$prevNavId+"_off.png)");
$("#"+$navId).css("background-image", "url(/images/services/"+$navId+"_on.png)");
$($prevId).fadeOut('slow', function(){
$($id).fadeIn('slow');
});
$($prevId+"Head").fadeOut('slow', function(){
$($id+"Head").fadeIn('slow', function() {
});
});
}
if(prevNav == undefined){
servicesSelect('#servicesContent1', '#servicesContent1', 'strategyLink', 'strategyLink');
prevNav = 'strategyLink';
prevId = '#servicesContent1';
}
$('.serviceClick').click(function (e) {
e.preventDefault();
servicesSelect($(this).attr('href'), prevId, $(this).attr('id'), prevNav);
prevId = $(this).attr('href');
prevNav = $(this).attr('id');
});
});
This is a simple little content fader I created using jQuery. It is very simple and not browser intensive. It utilizes callback functions on the fadeOut to execute the fadeIn of the next content block. To reference the HTML src that goes a long with it, visit here. http://snipplr.com/view/43415/jquery-content-fader-html-src/
erraja_07/How to create the "More" link button to display rest of the text ( jQuery)
$(document).ready(function(){
$(function(){
$('#bid_desc-plaintext').keyup(function(){
limitChars('bid_desc-plaintext', 4000, 'typed_txt_count');
})
});
//Code to display short and long description
$(function(){ /* to make sure the script runs after page load */
$('.item').each(function(event){ /* select all divs with the item class */
var max_length = 150; /* set the max content length before a read more link will be added */
if($(this).html().length > max_length){ /* check for content length */
var short_content = $(this).html().substr(0,max_length); /* split the content in two parts */
var long_content = $(this).html().substr(max_length);
$(this).html(short_content+
'<a href="#" class="read_more"><br/>Read More</a>'+
'<span class="more_text" style="display:none;">'+long_content+'<a href="#" class="compress"><br/>hide</a></span>'); /* Alter the html to allow the read more functionality */
$(this).find('a.read_more').click(function(event){ /* find the a.read_more element within the new html and bind the following code to it */
event.preventDefault(); /* prevent the a from changing the url */
$(this).hide(); /* hide the read more button */
$(this).parents('.item').find('.more_text').show(); /* show the .more_text span */
});
$(this).find('a.compress').click(function(event){ /* find the a.read_more element within the new html and bind the following code to it */
event.preventDefault(); /* prevent the a from changing the url */
$('.read_more').show(); /* hide the read more button */
$(this).parents('.item').find('.more_text').slideUp(); /* show the .more_text span */
});
}
});
});
});
bitsculptor/Javascript (jQuery) markup for saef in expression engine ( jQuery)
<script type="text/javascript">
// <![CDATA[
$(document).ready( function() {
//URL Title js
$("input#title").keyup( function() {
var titleText = $("input#title").val().replace(/ /g,"_").toLowerCase();
$("input#url_title").val(titleText);
});
//Safecracker File js
$(".safecracker_file_undo_button").css("display", "none");
$(".safecracker_file_remove_button").click( function() {
$(".safecracker_file_input input").removeAttr("disabled");
$(".safecracker_file_thumb").hide();
$(".safecracker_file_undo_button").show();
$(".safecracker_file_remove_button").hide();
var value = $(".safecracker_file_hidden input").val();
$(".safecracker_file_placeholder_input input").val(value);
$(".safecracker_file_hidden input").val("NULL");
return false;
});
$(".safecracker_file_undo_button").click( function() {
$(".safecracker_file_input input").attr("disabled","disabled");
$(".safecracker_file_thumb").show();
$(".safecracker_file_undo_button").hide();
$(".safecracker_file_remove_button").show();
var value2 = $(".safecracker_file_placeholder_input input").val();
$(".safecracker_file_hidden input").val(value2);
$(".safecracker_file_placeholder_input input").val("NULL");
;return false;
});
});
// ]]>
</script>
chrisaiv/OSMF: Basic Streaming Video Example ( ActionScript 3)
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
import org.osmf.containers.MediaContainer;
import org.osmf.elements.VideoElement;
import org.osmf.events.LoaderEvent;
import org.osmf.events.TimeEvent;
import org.osmf.media.MediaElement;
import org.osmf.media.MediaPlayer;
import org.osmf.media.MediaPlayerSprite;
import org.osmf.media.URLResource;
import org.osmf.net.NetLoader;
import org.osmf.utils.URL;
[SWF(width="1024", height="600", backgroundColor="#000000", frameRate="30")]
public class OSMF extends Sprite
{
private var VIDEO_URL:String = "";
private const FLV:String = "http://osmf.org/videos/cathy2.flv";
private var netLoader:NetLoader;
private var mediaContainer:MediaContainer;
private var mps:MediaPlayerSprite;
private var mediaPlayer:MediaPlayer;
private var track:Sprite;
private var progress:Sprite;
public function OSMF()
{
init();
}
private function init():void
{
netLoader = new NetLoader();
netLoader.addEventListener(LoaderEvent.LOAD_STATE_CHANGE, onLoaderStateChange, false, 0, true );
var media:VideoElement = new VideoElement( new URLResource( FLV ), netLoader );
//Video Element is added to both the MediaPlayer & MediaContainer, this is how the viz output is created
mediaPlayer = new MediaPlayer( media );
mediaContainer = new MediaContainer();
mediaContainer.addMediaElement( media );
mps = new MediaPlayerSprite( mediaPlayer, mediaContainer );
mps.addEventListener( MouseEvent.CLICK, onMouseClickHandler, false, 0, true );
mps.mediaPlayer.addEventListener(TimeEvent.CURRENT_TIME_CHANGE, onCurrentTimeChangeHandler );
addChild( mps );
//Init Progress Bar
var trackHeight:Number = 40;
var trackWidth:Number = stage.stageWidth;
initMediaPlayerTrack( trackWidth, trackHeight );
initMediaPlayerProgress( trackWidth, trackHeight );
}
private function initMediaPlayerTrack( w:Number, h:Number ):void
{
track = new Sprite();
track.addEventListener(MouseEvent.CLICK, onTrackClickHandler, false, 0, true );
track.graphics.beginFill( 0x000000, 0.6 );
track.graphics.drawRect( 0, stage.stageHeight - h, w, h );
track.graphics.endFill();
addChild( track );
}
private function initMediaPlayerProgress( w:Number, h:Number ):void
{
progress = new Sprite();
//Allows users to click on track for seeking
progress.mouseEnabled = false;
progress.graphics.beginFill( 0xffffff, 0.6 );
progress.graphics.drawRect( 0, stage.stageHeight - h, w, h );
progress.graphics.endFill();
addChild( progress );
}
private function onCurrentTimeChangeHandler( e:TimeEvent ):void
{
//Calculate the percentage of how far along the video is
//trace( "onCurrentTimeChangeHandler:" );
var percent:Number = (e.time / mps.mediaPlayer.duration );
progress.scaleX = percent;
}
private function onLoaderStateChange( e:LoaderEvent ):void
{
trace( "onLoaderStateChange:", e.newState );
}
private function onTrackClickHandler( e:MouseEvent ):void
{
trace( track.mouseX, track.width );
mps.mediaPlayer.seek( (track.mouseX / track.width) * mps.mediaPlayer.duration );
}
private function onMouseClickHandler( e:MouseEvent ):void
{
trace( "onMouseClickHandler:", e );
//Toggle the Play | Pause
mps.mediaPlayer.playing ? mps.mediaPlayer.pause() : mps.mediaPlayer.play();
}
}
}
This example is based off of Lee Brimelow's tutorial (http://gotoandlearn.com/play.php?id=129) and updated for OSMF 1.5. You will need Flex 4.1 (http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4) and OSMF 1.5 (http://opensource.adobe.com/wiki/display/osmf/Downloads) to make this work.
chrisaiv/Flex: Smooth a Dynamic Image coming from Flickr ( ActionScript 3)
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:mx="library://ns.adobe.com/flex/halo">
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
import flash.net.navigateToURL;
protected function image1_clickHandler(event:MouseEvent):void
{
navigateToURL(new URLRequest("http://www.flickr.com/photos/"+this.data.owner+"/"+this.data.id));
}
[Bindable]
public var loaderContext:LoaderContext;
private function imageInit():void {
loaderContext = new LoaderContext();
loaderContext.checkPolicyFile = true;
im.load("http://farm"+data.farm+".static.flickr.com/"+data.server+"/"+data.id+"_"+data.secret+"_s.jpg");
}
]]>
</fx:Script>
<s:states>
<s:State name="normal"/>
<s:State name="hovered"/>
<s:State name="selected"/>
</s:states>
<mx:Image creationComplete="imageInit()" smoothBitmapContent="true" loaderContext="{loaderContext}" id="im" toolTip="{data.title}"
click="image1_clickHandler(event)" buttonMode="true" width="50" height="50"
d:userLabel="Layer 10 copy 4" x="0" y="0" maintainAspectRatio="false"/>
<s:Rect d:userLabel="Item Highlight" width="50" height="50">
<s:stroke>
<s:SolidColorStroke weight="2" color.normal="0x666666" color.selected="0xFFFFFF" color.hovered="0xFFFFFF"/>
</s:stroke>
</s:Rect>
</s:ItemRenderer>
Lee Brimelow show's how to smooth an image that is loading from Flickr.