Combobox Sharepoint

Felipetsa · 10 de julho de 2009

Boa tarde a todos !Preciso de uma ajuda.Estou utilizando o sharepoint para desenvolvimento da intranet da empresa onde estou estagiando.Na página principal, criei um combobox ao lado de um ícone de telefone, onde neste combobox (caixa suspensa) estão todas as unidades da empresa.Clicando na unidade desejada no combobox, o colaborador será transferido para a página correspondente.O problema é que não estou conseguindo programar o combobox para realizar tal tarefa, de transferir para outra página html.Quando eu clico, nada acontece. Alguém poderia me auxiliar ?Obrigado.Abraços

Felipetsa · 13 de julho de 2009

Alguém poderia me ajudar ? Agradeço.

Abraços

fernando c · 13 de julho de 2009

qqer combo funciona assim:

você tem 2 elementos: 1º é o "nome" (Label) q é a palavra (no teu caso nº) q vai ser exibido; o outro é "value" q é normalmente o link p/ onde o usuario irá ao clicar.. só isso..

explique melhor como está fazendo

Felipetsa · 15 de julho de 2009

Boa tarde Fernando !

Deixa eu te explicar como está funcionando. O colaborador da clínica entra na intranet, na página inicial tem uma parte "RAMAIS E TELEFONES" e logo abaixo um combobox ao lado de um ícone de telefone.

O usuário então clica no combobox e escolhe a unidade, exemplo: São Paulo. Logo após ele clicar, abiria um pop-up com o ramal de São Paulo. Compreende ?

O meu problema é como programar o combobox para direcionar para um link.

Agradeço.

Abraços

Felipetsa · 17 de julho de 2009

Alguém saberia me auxiliar ? Abraços

Felipetsa · 20 de julho de 2009

Por favor, alguém saberia ?

weaver · 20 de julho de 2009

Cara eu nunca usei sharepoint mas você pode usar javascript/html essas coisas? Se sim eu acho que posso lhe ajudar.

Felipetsa · 21 de julho de 2009

Boa tarde weaver. Pode ser sim, qualquer ajuda é muito útil.

Saberia criar um em java/html ? deu para entrar o funcionamento do combobox ?

Muito obrigado.

Abraços

weaver · 21 de julho de 2009

Então cara... fiz uma aqui para ti, bem simples mas funciona bem (usei text em vez de value por causa do IE 6)

<html>
<head>

<title></title>

<script type="text/javascript">

window.onload = function(){

document.getElementById("box").onchange = function(){

switch(this.options[this.selectedIndex].text){

case 'link1':

location.href = "link1.html"

break;

case 'link2':

location.href = "link2.html"

break;

case 'link3':

location.href = "link3.html"

break;

case 'link4':

location.href = "link4.html"

break;

case 'link5':

location.href = "link5.html"

break;

}

return false;

}

}

</script>

</head>

<body>

<select id="box">

<option>Escolha...</option>

<option>link1</option>

<option>link2</option>

<option>link3</option>

<option>link4</option>

<option>link5</option>

</select>

</body>

</html>

funciona assim, quando o usuário trocar de valor no combobox ele vai analisar o texto que está escrito no option que ele escolhe e vai ver case seja um, ele redireciona para o endereço especificado ex.:

- escolhi o link 1

aqui ele dispara o onchange pegue pelo id "box";

document.getElementById("box").onchange = function(){

logo ele vai analisar o texto do option

switch(this.options[this.selectedIndex].text){

caso seja o link1 ele vai direcionar para o link1.html

case 'link1':
location.href = "link1.html"

break;

é isso, para por endereço externo use o "http://"

espero ter ajudado, e qualquer dúvida só dizer.

até

Felipetsa · 21 de julho de 2009

Caracaaaaaa ! Weaver, não sei nem como te agradecer amigo.

Era isso mesmo. Corretissímo o código.

Desculpa pelo trabalho, precisando de ajuda estou aqui.

Muito obrigado.

Abraços

EDIT:

Weaver, deixa eu só alugar seus conhecimentos mais um pouco. Queria te perguntar como eu faço para criar uma pequena janela, porque quando estou criando as páginas em html, os links se abrem em página toda.

Como nesse código que você me passou, seria apenas para o ramal, queria que abrisse uma pequena janela com as informações. Tem como limitar isso ?

Muito obrigado.

Abraços

weaver · 22 de julho de 2009

opa cara, pois não ^^

fiz um agora com pop-up, taí

<html>
<head>

<title></title>

<script type="text/javascript">

window.onload = function(){

function pop_up(url, largura, altura){

window.open(url, 'ramais', "menubar=no,scrollbars=no,scrolling=no,adressbar=no,statsbar=no,width="+largura+", height="+altura+'"');

}

document.getElementById("box").onchange = function(){

switch(this.options[this.selectedIndex].text){

case 'link1':

pop_up("http://www.google.com", 800, 400);

break;

case 'link2':

pop_up("link1", 500, 300);

break;

case 'link3':

pop_up("link1", 500, 300);

break;

case 'link4':

pop_up("link1", 500, 300);

break;

case 'link5':

pop_up("link1", 500, 300);

break;

}

return false;

}

}

</script>

</head>

<body>

<select id="box">

<option>Escolha...</option>

<option>link1</option>

<option>link2</option>

<option>link3</option>

<option>link4</option>

<option>link5</option>

</select>

</body>

</html>

é bem simples eu criei essa função

pop_up("link1", 500, 300);

ele funcionar assim

pop_up(URL_DO_POPUP, LARGURA_DO_POP, ALTURA_DO_POP);

é só trocar do jeito que você quiser, testei só no IE 6 e no FF 3.5 mas acho que roda em todos os outros... ah, lembre-se dos bloqueadores de pop-up (apesar de achar que você não vai ter problemas com isso).

até. ^^

p.s.: ali fica "adressbar=n o" mas é "adressbar=no", não sei porque quando eu posto ele fica separado...

Felipetsa · 22 de julho de 2009

Fala Weaver, beleza ?

É era isso mesmo meu caro. Excelente !

Meus sinceros agradecimentos.

Agora, assim que fui tentar incorporar ao site, é como se o combobox ficasse inativo, eu clico mas nada acontece. Segue o trecho de código:


<head>
<script type="text/javascript">
window.onload = function(){
function pop_up(url, largura, altura){
window.open(url, 'ramais', "menubar=no,scrollbars=no,scrolling=no,adressbar=no,statsbar=no,width="+largura+", height="+altura+'"');
}
document.getElementById("box").onchange = function(){
switch(this.options[this.selectedIndex].text){
case 'Bernardo Monteiro':
pop_up("[URL]http://www.google.com[/URL]", 800, 400);
break;
case 'Belvedere':
pop_up("[URL]http://www.globo.com.br[/URL]", 500, 300);
break;
case 'Gonçalves Dias':
pop_up("link1", 500, 300);
break;
case 'Axial Mulher':
pop_up("link1", 500, 300);
break;
case 'Axial Odonto':
pop_up("link1", 500, 300);
break;
}
case 'Hospital Ortopédico':
pop_up("link1", 500, 300);
break;
}
case 'Hospital Vera Cruz':
pop_up("link1", 500, 300);
break;
}
case 'Socor':
pop_up("link1", 500, 300);
break;
}
case 'Itabirito':
pop_up("link1", 500, 300);
break;
}
case 'Ouro Preto':
pop_up("link1", 500, 300);
break;
}
case 'Praça 7':
pop_up("link1", 500, 300);
break;
}
return false;
}
}
</script>
</head>
<body>
<select id="box">
<option>Selecione...</option>
<option>Bernardo Monteiro</option>
<option>Belvedere</option>
<option>Gonçalves Dias</option>
<option>Axial Mulher</option>
<option>Axial Odonto</option>
<option>Hospital Ortopédico</option>
<option>Hospital Vera Cruz</option>
<option>Socor</option>
<option>Itabirito</option>
<option>Ouro Preto</option>
<option>Praça 7</option></select>
</body>

Redirecionei para algumas páginas só para título de exemplo.

Porque será que não está redirecionando ? Seriam os espaços entre cada palavra ?

Mais uma vez agradeço.

Abraços

weaver · 22 de julho de 2009

Então cara, é porque "case" e "break" não precisam de chaves ("{}") para intercalar a "ação" da análise, então é só retirá-los que funciona, ficando assim:

<head>
<script type="text/javascript">
window.onload = function(){
function pop_up(url, largura, altura){
window.open(url, 'ramais', "menubar=no,scrollbars=no,scrolling=no,adressbar=no,statsbar=no,width="+largura+", height="+altura+'"');
}
document.getElementById("box").onchange = function(){
switch(this.options[this.selectedIndex].text){
case 'Bernardo Monteiro':
pop_up("http://www.google.com", 800, 400);
break;
case 'Belvedere':
pop_up("http://www.globo.com.br", 500, 300);
break;
case 'Gonçalves Dias':
pop_up("link1", 500, 300);
break;
case 'Axial Mulher':
pop_up("link1", 500, 300);
break;
case 'Axial Odonto':
pop_up("link1", 500, 300);
break;
case 'Hospital Ortopédico':
pop_up("link1", 500, 300);
break;
case 'Hospital Vera Cruz':
pop_up("link1", 500, 300);
break;
case 'Socor':
pop_up("link1", 500, 300);
break;
case 'Itabirito':
pop_up("link1", 500, 300);
break;
case 'Ouro Preto':
pop_up("link1", 500, 300);
break;
case 'Praça 7':
pop_up("link1", 500, 300);
break;
}
return false;
}
}

</script>
</head>
<body>
<select id="box">
<option>Selecione...</option>
<option>Bernardo Monteiro</option>
<option>Belvedere</option>
<option>Gonçalves Dias</option>
<option>Axial Mulher</option>
<option>Axial Odonto</option>
<option>Hospital Ortopédico</option>
<option>Hospital Vera Cruz</option>
<option>Socor</option>
<option>Itabirito</option>
<option>Ouro Preto</option>
<option>Praça 7</option></select>
</body>
</html>

quando você for adicionar é só colocar

case 'alguma coisa':
pop_up("endereco", 500, 300);

break;

dentro do switch

até ^^

Felipetsa · 22 de julho de 2009

Putz grila ! Maravilha !

Era isso mesmo. Muito obrigado.

Agora a parada tá funfando 100% !

O weaver, você desenvolve aplicações web ?

Abraço

weaver · 22 de julho de 2009

opa cara, de nada, desenvolvo sim... e tipo tava melhorando o código para ti, dá uma olhada.


<head>
<script type="text/javascript">
function pop_up(url, largura, altura){
window.open(url, 'ramais', "menubar=no,scrollbars=no,scrolling=no,adressbar=no,statsbar=no,width="+largura+", height="+altura+'"');
}
function analisa(o_que, aonde, url, largura, altura){
	if(o_que == aonde){
		pop_up(url, largura, altura);
	}else{
		return false;
	}
}
window.onload = function(){
document.getElementById("box").onchange = function(){
var combobox = this.options[this.selectedIndex].text;
analisa("Bernardo Monteiro", combobox, "http://www.google.com", 800, 400);
analisa('Belvedere', combobox, "http://www.globo.com", 800, 400);
analisa('Gonçalves Dias', combobox, "http://www.google.com", 800, 400);
analisa('Axial Mulher', combobox, "http://www.google.com", 800, 400);
}
}
</script>
</head>
<body>
<select id="box">
<option>Selecione...</option>
<option>Bernardo Monteiro</option>
<option>Belvedere</option>
<option>Gonçalves Dias</option>
<option>Axial Mulher</option>
<option>Axial Odonto</option>
<option>Hospital Ortopédico</option>
<option>Hospital Vera Cruz</option>
<option>Socor</option>
<option>Itabirito</option>
<option>Ouro Preto</option>
<option>Praça 7</option></select>
</body>

só não explico porque eu tenho que dá uma saida agora, jogar banco imobiliário aseiuhaseiuhaseiuhseaiuhsaeesaihsae

até + cara.

Edit.: Ajeitei para ficar um pouco mais simples para você tipo.. agora é só você usar

analisa("TEXTO_ANALISAR", ONDE, URL_DO_POP_UP, LARGURA, ALTURA);

valeu.

Felipetsa · 23 de julho de 2009

Putz cara, ficou massa o código ein. Valeu mesmo ! O negócio tá funcionando 100% !

Estava quase desistindo,rodei na internet procurando como programar o combobox mas não achei nada. muio obrigado !

Agora eu queria uma opinião sua. Tem uma parte da intranet que é destinada ao setor de Marketing, onde eles postam aquelas baboseiras de gestão ambiental e etc.

São várias imagens, todas elas são colocadas dentro de uma única página html, organizadas uma ao lado da outra. Mas está muito simples, apenas deixei um ícone de cada uma com hiperlink chamando a foto original.

Teria algum recurso interessante para ser usado em Java para visualização dessas fotos ? algo parecido como um zoom. Tentei usar um, mas ele estava remetendo o href base para um site externo, não pode acontecer isso com a intranet. Vi muitos na internet.

Desculpe o transtorno.

Abraço

weaver · 23 de julho de 2009

Cara ou você monta um ou você usa o lightbox que é tipo uma galeria muito bem estilizada aqui o link para ti -> http://www.huddletogether.com/projects/lightbox2/

até, e qualqer coisa só dizer.

Felipetsa · 23 de julho de 2009

É este efeito mesmo. Muito obrigado !

Cara, o combobox que você criou tá funcionando beleza. Valeu mesmo !

Vou dar uma analisada neste site.

Abraço

Weaver, só te incomodar mais um pouco. rsrsrsr

Tem como abrir um link, mas como pop-up ?

Exemplo, tem uma notícia na página inicial, apenas um resumo. Bem no final tem escrito "saber mais". Nesse link eu queria que remetesse à um pop-up com o texto completo. Entende ?

Tem como colocar isso no href ?

Cara, esse exemplo da foto que você me passou também está funcionando 100%. Excelente mesmo cara, teve a manha. Já incorporei a galeria de imagens. Nota 10 pra você !

Grande abraço e muito obrigado.

weaver · 23 de julho de 2009

de um jeito mais simples você poderia fazer assim


Aquele código lá...
. 
.
.
<option>Itabirito</option>
<option>Ouro Preto</option>
<option>Praça 7</option>
</select>

<a href="#" onclick="pop_up('http://www.google.com',800,400);return false;">Saber mais</a>

ou assim

<a href="javascript:pop_up('http://www.google.com',800,400)">Saber mais</a>

até.

Felipetsa · 24 de julho de 2009

Ah sim, entendi. Vou usar esse código então meu caro.

Muito obrigado.

Uma dúvida, o lightbox é compatível com o IE 8 ?

Ficou 10, obrigado.

Abraços

weaver · 24 de julho de 2009

Tenho 99% de certeza que funciona no IE 8 sim ^^

de nada cara, qualquer coisa só dizer =]

té +

Felipetsa · 24 de julho de 2009

Weaver, tem como eu forçar o link a abrir com a resolução que eu queira ?

porque o link está na imagem. Mas quando eu clico nela não está abrindo pop-up, está abrindo página inteira. Veja o código por favor:

<a href="email.htm" onclick="pop_up('email.htm',100,100);return false;">
                <img alt="" src="images/email-300x300.jpg" width="80" height="80" align="left" class="style12" /></a></span></p>

Queria que ele abrisse do tamanho que eu desejar.

Mais uma vez obrigado.

Abraços

weaver · 24 de julho de 2009

tá abrindo todo porque o href direciona para a email.html primeiro, o que você poderia fazer era colocar uma "tralha" (#) antes do link, ficando assim:

<a href="#email.html" onclick....><img src..../></a>

até ^^

Felipetsa · 24 de julho de 2009

Depois de colocar "#" o link fica inativo. Eu clico e nada acontece.

Obrigado !

Abraços

weaver · 24 de julho de 2009

bem esquisito, o javascript com a função pop_up está na mesma página? Ela deve estar no head dentro da tag script... se não tiver é por isso que não funciona... mas se tiver tenta assim

<a href="javascript:pop_up('email.htm',100,100)">
<img alt="" src="images/email-300x300.jpg" width="80" height="80" align="left" class="style12" /></a></span></p>

qualquer coisa só dizer ^^