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.

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.

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
});

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.

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 ().

jQuery – Dialog

Introduction

Uma prática muito comum nas aplicações desktop é a utilização de caixa de diálogo para exibir informações, como por exemplo a famosa mensagem com um ‘X’ vermelho ou com uma ‘!’ nos indicando um erro ou simplesmente uma informação.

Nesse post mostrarei como fazer uma caixa de diálogo em aplicações Web utilizando jQuery Dialog (ou jQuery MessageBox).

This post shows how to use a dialog jQuery (a MessageBox jQuery) on Web applications.

jQuery – Dialog

jQuery – Disable HTML Controls

Introdução

Algumas vezes se faz necessário desabilitar controles HTML para que em determinado momento ou em determinada situação o usuário não possa, por exemplo, entrar com dados.

Esse post mostrará como desabilitar HTML (desabilitar elementos HTML) usando jQuery.

Infelizmente o CSS ainda não possui a capacidade de desabilitar controles HTML. Então, uma saída é utilizar o jQuery para controlar isso. Utilizando esse método nos proporciona um controle muito grande para realizarmos isso no momento em que desejamos.

Sometimes it is necessary to disable HTML controls (HTML elements) so that at any given time or in a certain situation user can not, for example, to enter data.

This post shows how to disable HTML control using jQuery. Until now it is not possible to disable HTML using CSS.