Скрывать и Показывать <div> с Картой Google

У меня есть один div на моей странице ASP.NET, которая содержит Карту Google, и я нуждаюсь в том, чтобы показать это и скрыть это, но оно я не функционирует.

Это код, разделенный из-за lengaujes:

Javascript:

function ShowMap()
{
    var mapa = document.getElementById('map');
    mapa.display('block');
}

function HiddenMap()
{
    var mapa = document.getElementById('map');
    mapa.display('none');
}

ASP.NET:

<form id="form1" runat="server">
    <div>
        <div id="map" style="width:auto; height:390px; top:2%;display:none;"> 
    </div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" Width="114px" />
        <asp:Button ID="Button2" runat="server" Text="Button"  Width="114px" OnClick="Button2_Click" />
    </div>
</form>

C#:

protected void Button1_Click(object sender, EventArgs e)
{
    String ScriptAct = "HiddenMap();";
    ScriptManager.RegisterStartupScript(this, this.GetType(), "HiddenMap()", ScriptAct, true);
}

protected void Button2_Click(object sender, EventArgs e)
{
    String ScriptAct = "ShowMap();";
    ScriptManager.RegisterStartupScript(this, this.GetType(), "ShowMap()", ScriptAct, true);
}
1
задан 08.09.2016, 23:35
3 ответа

КОД JS

function displayMap() {
              var listCount = $("[id*='hfCount']").val();
              if (listCount == 0)  return; 
              var atext = document.getElementById('btnmap').innerText;
              console.log(atext);
              if (atext == "VIEW ON MAP") {
                  document.getElementById('collapseMap').style.display = "block";
                  document.getElementById("btnmap").innerHTML = "HIDE MAP";
              }
              else {
                  document.getElementById('collapseMap').style.display = "none";
                  document.getElementById("btnmap").innerHTML = "VIEW ON MAP";
              }
      }

КОД ASP.NET

 <div id="collapseMap">
    <div id="map">
     </div>
 </div>
1
ответ дан 24.11.2019, 13:27
  • 1
    благосклонно принятая этот ответ, если это та, которая дала soluci и # 243; n в твой вопрос. Схвати и # 237; мы помогаем поддерживать хорошее здоровье сайта и с большими % решенных ответов мы сможем выходить из versi и # 243; n кусок веревки SOes. Привет: D – fredyfx 20.09.2016, 23:49

Измени cГіdigo javascript следующий способ:

function ShowMap()
{
    var mapa = document.getElementById('map');
    mapa.style.display('block');
}

function HiddenMap()
{
    var mapa = document.getElementById('map');
    mapa.style.display('none');
}

И в cГіdigo ASP.NET, использует свойство OnClientClick :

Пример:

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="ShowMap();" Width="114px" />
<asp:Button ID="Button2" runat="server" Text="Button"  Width="114px" OnClientClick="HiddenMap();" />
1
ответ дан 24.11.2019, 13:27
  • 1
    hize Маурисио и равный... включая в каждую функцию как последнюю линию он alert добавил и я не работаю... измените alert в первую линию, и если я выполняю..., я представляю себе то, что он падает в ошибку...??? – Efrain Mejias C 08.09.2016, 23:52
  • 2
    Смоги состоять в том, чтобы случилась ошибка в течение доказательств. Реализуй новое доказательство, но с открытой консолью браузера F12. – Mauricio Arias Olave 08.09.2016, 23:56
  • 3
    TypeError: mapa.display is not в function, также он говорит, что не находится элемент – Efrain Mejias C 09.09.2016, 00:08
  • 4
    @EfrainMejiasC, проверь хорошо мой ответ, это mapa.style.display('block'); не mapa.display('block'); N и # 243; tese style.display. Странно, что он не находит div map. Реализуй modificaci и # 243; n, который я показываю тебе, и он пытается снова. – Mauricio Arias Olave 09.09.2016, 00:12
  • 5
    mapa.style - Undefined – Efrain Mejias C 09.09.2016, 01:11

Это доказательство lГ-nea:

document.getElementById('mapa').style.display='block'; 

или чтобы скрывать

document.getElementById('mapa').style.display='hidden';

Например:

BotГіn Ocultar:

 protected void Button1_Click(object sender, EventArgs e)
        {

            String ScriptAct = "document.getElementById('mapa').style.display='hidden'; alert('Listo');";
            ScriptManager.RegisterStartupScript(this, this.GetType(), "hidden", ScriptAct, true);
        }

BotГіn Mostrar:

 String ScriptAct = "document.getElementById('mapa').style.display='block'; alert('Listo'); ";
            ScriptManager.RegisterStartupScript(this, this.GetType(), "show", ScriptAct, true);
1
ответ дан 24.11.2019, 13:27