Developing

Posts tagged ‘jQuery’

javascript – Operador Ternário

Introdução

javascript

var var_sexo = "M";
var sexo = ((var_sexo == "M") ? "Masculino" : "Feminino") ;
document.write(sexo);

Also View

jQuery – Disable HTML Controls

jQuery – Dialog

javascript – Detect Mobile

javascript – ReplaceAt

jQuery – Themes List at Google Code

jQuery – .ready

jwplayer – Show First Frame

javascript – Call javascript from href HTML

_____

Não se esqueça de deixar seu comentário, critica, elogio, dúvida e etc. Ele é muito importante para a melhoria do blog.
Do not forget to leave your comments, criticism, praise, questions, etc.. It is very important for improving the blog.

Advertisements

javascript – Call javascript from href HTML

Introduction

This post show how to call a javascript function from HTML code when click on a link.

Esse post mostra como chamar uma função javascript pelo HTML quando clicado em um link.

HTML

<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>

Also View

jQuery – Disable HTML Controls

jQuery – Dialog

javascript – ReplaceAt

jQuery – Themes List at Google Code

jQuery – .ready

jwplayer – Show First Frame

javascript – Detect Mobile

_____

Não se esqueça de deixar seu comentário, critica, elogio, dúvida e etc. Ele é muito importante para a melhoria do blog.
Do not forget to leave your comments, criticism, praise, questions, etc.. It is very important for improving the blog.

javascript – Detect Mobile

Introduction

Sometimes we need to know where the user came from, for example, if this is desktop then show button, or if this is a smart phone display this larger button.

Well, I have not found another way to do this without using javascript. So, here’s the code.

Continue Reading

jwplayer – Show First Frame

jwplayer

JW Player is a Flash and HTML 5 video player.

How to show a thumb, image or frame on jwplayer? You can save a thumb (image) then do one of below options:

Como mostrar / exibir uma thumb, imagem ou frame no jwplayer? No jwplayer para exibir o primiero frame você pode salvar uma thumb (imagem) e então fazer uma das opções abaixos:

To specify an image

Para especificar uma imagem

– embed:

&image=http://my.domain.com/path/image.jpg

– SWFObject:

so.addVariable('image', 'http://my.domain.com/path/image.jpg');

playlist:

<image>http://my.domain.com/path/image.jpg</image>

When you generate the code, the image flashvar will be in the code something like this:

Quando você gerar o código a “propriedade” flashvars será parecida com essa:

<CHANGETHIS src="http://my.domain.com/path/mediaplayer.swf"
       width="400" height="300"
       flashvars="file=http://my.domain.com/path/myVideo.flv&autostart=false&width=400&height=300&image=http://my.domain.com/path/image.jpg" />

Note: Change the tag CHANGETHIS to embed. My code block does not allow the use of this tag.

References

Show first frame of the video

Also View

jQuery – Dialog

jQuery – Themes List at Google Code

jQuery – Disable HTML Controls

jQuery – .ready

javascript – ReplaceAt

_____

Não se esqueça de deixar seu comentário, critica, elogio, dúvida e etc. Ele é muito importante para a melhoria do blog.
Do not forget to leave your comments, criticism, praise, questions, etc.. It is very important for improving the blog.

jQuery – .ready

Introduction

Quando estamos aprendendo jQuery ou javascript é normal aprendermos que o evento .ready() é chamado quando a página é carregada por completo, porém, este conceito não está correto. O evento .ready() é executado basicamente quando a estrutura do documento foi carregada, ou seja, o DOM foi completamente carregado.

Syntax

jQuery(document).ready(function() {
// Code
});

Continue Lendo

jQuery – Themes List at Google Code

Introduction

Em alguns post já demonstrei que gosto muito de jQuery. Algo interessante a respeito do jQuery UI que alguns que estão aprendendo jQuery agora desconhecem é o fato de poder aplicar temas (ou themes). O próprio site do jQuery fornece alguns themes prontos e ainda disponibiliza uma ferramenta muito bacana que permite aos desenvolvedores criarem seus próprios themes.

Na maioris das vezes não se faz necessário criarmos nossos proprios themes já que existem diversos prontos e na maioria dos casos um deles sempre se encaixa em nossas necessidades. Então podemos fazer o download do theme e utilizar.

Para que então a lista de themes no Google Code? É uma ótima opção para testar o theme pretendido antes de fazer o download.

Continue Lendo

javascript – ReplaceAt

Introduction

O javascript não possui uma função pronta parecida com os famosos replaceat() que muitas linguagens oferecem. Para tanto é necessário que criemos esta função. A seguir mostrarei um simples código para criar uma função em javascript que realiza um replaceat().

The javascript does not have a prompt function similar to the famous replaceat() offered by many languages. This requires us to create this function. The following shows a simple code to create a javascript function that performs a replaceat ().

Continue Lendo