0

Gostaria que na tag área do imag map no atributo href em vez de colocar o link da pagina eu quero que receba um parâmetro que seja enviado a um método c#.

Codigo HTML

    <img src="../css/image/cores.png"   alt="Escolha a cor que deseja" usemap="#Cores" onclick="ImageMap_Click"/>
    <map name="Cores">
        <area  shape="rect" alt="Rosa" coords="8,8,96,116" href="<%#Eval("")%>">
         <area  shape="rect" alt="Rosas" coords="111,12,201,105" href="#"/>
        <area  shape="rect" alt="Rosa" coords="208,8,307,109" href="#"/>
        <area  shape="rect" alt="Rosa" coords="312,11,406,111" href="#"/>
        <area  shape="rect" alt="Rosa" coords="415,10,509,109" href="#"/>
        <area  shape="rect" alt="Rosa" coords="515,12,606,107" href="#"/>
        <area  shape="rect" alt="Rosa" coords="9,115,102,213" href="#"/>
        <area  shape="rect" alt="Rosa" coords="108,116,197,209" href="#"/>
        <area  shape="rect" alt="Rosa" coords="210,114,298,208" href="#"/>
        <area  shape="rect" alt="Rosa" coords="311,114,402,210" href="#"/>
        <area  shape="rect" alt="Rosa" coords="416,115,508,213" href="#"/>
        <area  shape="rect" alt="Rosa" coords="514,115,602,213" href="#"/>
        <area  shape="rect" alt="Rosa" coords="110,222,204,319" href="#"/>
        <area  shape="rect" alt="Rosa" coords="313,115,403,207" href="#"/>


         <area  shape="rect" alt="Rosa" coords="6,220,100,317" href="#"/>
        <area  shape="rect" alt="Rosa" coords="210,221,298,314" href="#"/>
        <area  shape="rect" alt="Rosa" coords="313,222,401,316" href="#"/>
        <area  shape="rect" alt="Rosa" coords="412,220,505,319" href="#"/>
        <area  shape="rect" alt="Rosa" coords="515,219,602,316" href="#"/>
        <area  shape="rect" alt="Rosa" coords="7,327,92,419" href="#"/>
        <area  shape="rect" alt="Rosa" coords="109,329,198,422" href="#"/>
        <area  shape="rect" alt="Rosa" coords="514,223,603,421" href="#"/>


        <area  shape="rect" alt="Rosa" coords="209,329,295,420" href="#"/>
        <area  shape="rect" alt="Rosa" coords="313,327,402,417" href="#"/>

        <area  shape="rect" alt="Rosa" coords="414,330,504,421" href="#"/>

        <area  shape="rect" alt="Rosa" coords="512,329,600,220" href="#"/>
    </map>

C#

public static DataTable GetProdutosInAtributos(string categoriaID, string pageNumber, out int howManyPages) {

      *DbCommand comm = GenericDataAcess.CreateCommand();
       comm.CommandText = "GetProdutoinAtributos";
       //cria um novo parametro
       DbParameter param = comm.CreateParameter();
       param.ParameterName = "@atributoValueID";
       param.Value = categoriaID;
       param.DbType = DbType.Int32;
       comm.Parameters.Add(param);* 

//É AQUI QUE EU TENHO O PARAMETRO @atributoValueID

       //cria um novo parametro
       param = comm.CreateParameter();
       param.ParameterName = "@DescricaoTamnaho";
       param.Value = TendenciasConfigurations.ProdDescricaoTamnaho;
       param.DbType = DbType.Int32;
       comm.Parameters.Add(param);

       //cria um novo parametro
       param = comm.CreateParameter();
       param.ParameterName = "@Numpagina";
       param.Value = pageNumber;
       param.DbType = DbType.Int32;
       comm.Parameters.Add(param);


       //cria um novo parametro
       param = comm.CreateParameter();
       param.ParameterName = "@ProdutosPorPagina";
       param.Value = TendenciasConfigurations.ProdutosPorPagina;
       param.DbType = DbType.Int32;
       comm.Parameters.Add(param);


       //cria um novo parametro
       param = comm.CreateParameter();
       param.ParameterName = "@HowManyProducts";
       param.Direction = ParameterDirection.Output;
       param.DbType = DbType.Int32;
       comm.Parameters.Add(param);


       //executa a stored procedure e salva os resultados no datatable
       DataTable tabela = GenericDataAcess.ExecuteSelectCommand(comm);
       //calcula quantas paginas por produtos e define o parametro de saida
       int howmanyProducts = Int32.Parse(comm.Parameters["@HowManyProducts"].Value.ToString());
       howManyPages = (int)Math.Ceiling((double)howmanyProducts / (double)TendenciasConfigurations.ProdutosPorPagina);

       //retorna a pagina dos produtos
       return tabela;
   } 
3
  • Ainda não deu pra entender qual a sua dúvida. Tens como tentar ser mais claro? Você pode melhorar sua pergunta clicando em editar
    – Jéf Bueno
    Commented 1/03/2016 às 11:11
  • na minha pagina web eu quero usar uma imagMap para linkar cores, que estão amazenadas na base de dados sql, eu armazeno o id da cor em um parametro. eu quero saber como posso linkar o imagmap com a cor armazenada na base de dados
    – joany
    Commented 1/03/2016 às 11:12
  • Como você está recuperando seus dados da base, tem como posta o que você já fez? e sua imagMap como esta ? Commented 1/03/2016 às 11:26

1 Resposta 1

0

Dependendo do que você deseja fazer, você pode usar requisição ajax, ou seja, na sua tag você teria o evento html onclick que chamaria uma função javascript, que por fim chamaria seu método c# através de um serviço.

Ficaria mais ou menos assim:

Página:

<map name="Cores">
    <area shape="rect" alt="Rosa" coords="8,8,96,116" onclick="teste('<%= valor1 %>');">
</map>

//Obs: valor1 é uma variável que eu criei no c#, use a sua. Lembrando que deve ser pública, você também pode acessar um método que retorna algo ao invés da variável. Exemplo <%= MetodoRetornaAlgo() %>.

<script type='text/javascript'>
    function teste(valor1) {
        $.ajax({
            type: "POST",
            contentType: 'application/json; charset=utf-8',
            url: 'Teste.aspx/Teste',
            data: "'dados':'" + valor1 + "'}",
            dataType: 'json',
            success: function () {
                //faz algo
            },
            error: function (msg) {
                //alert("Erro! Tente novamente!");
            }
        });
    }
</script>

Página backend:

public partial class Index : System.Web.UI.Page
{
    public String valor1 = "";
    protected void Page_Load(object sender, EventArgs e)
    {
        valor1 = "Parametro1";
    }

    [WebMethod]
    public static void Teste(string valor)
    {
        //Fal algo
    }

}
3
  • Obrigada @Guilherme Guini
    – joany
    Commented 11/03/2016 às 13:29
  • eu acho que estou a fazer algo errado! tal como voçê apresentou eu fiz exatamente assim , Mas o link do imagMap nem esta a funcionar ! por outra eu estou a usar um userControl , nesta linha eu substituo url: '**Teste.aspx**/Teste', pelo nome do userControl onde esta o metodo certo?
    – joany
    Commented 11/03/2016 às 13:38
  • Veja a alteração da minha resposta! Commented 11/03/2016 às 17:55

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .