Announcement

Collapse
No announcement yet.

asp:image positionierung

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • asp:image positionierung

    Hallo zusammen,

    habe ein Problem mit meinen images. Ich habe bisher ganz normale html-images genommen und konnte über style="position: absolute" die Positionierung auf der Webseite vornehmen. Das klappte auch alles wunderbar.

    Jetzt muss ich allerdings einige von diesen Bildern bei einem on-click event ausblenden, bzw. einblenden. Das funktiniert nunmal leider nur mit <asp:image/>

    Wenn ich hier nun position absolute eingebe, kann ich die Positionierung im Entwurf zwar vornehmen, aber im Browser wird es nicht so angezeigt.


    Kann mir bitte jemand sagen, wie ich das Problem gelöst bekomme?

    Vielen Dank im Voraus

    PS: Benutze Visual Studio 2008

  • #2
    VisualStudio->Tools->Options->HTML Designer–>CSS Positioning->Absolute

    oder in Code:

    YourImageID .Style.Add(“left”, “500px”);

    oder mit JavaScript

    Code:
    <script type="text/javascript"> 
     
    function SetPositionAbsolute() 
    { 
    
    var YourObject = document.getElementById("Your_Image_ID")
    YourObject.style.position = 'absolute'; 
     YourObject.style.top = '200px'; 
    YourObject.style.left = '200px';
    
    } 
    </script>
    Zuletzt editiert von vadym voytas; 16.01.2011, 00:15.
    Bitte vergessen Sie nicht die Antwort zu bewerten. Danke.:-)

    Comment


    • #3
      Originally posted by Sunil View Post
      Jetzt muss ich allerdings einige von diesen Bildern bei einem on-click event ausblenden, bzw. einblenden. Das funktiniert nunmal leider nur mit <asp:image/>
      Warum ?

      Code:
      <script type="text/javascript"> 
      
      // einblenden
      document.getElementById('YourHtmlElement').style.display = '';
      // ausblenden
      document.getElementById('YourHtmlElement').style.display = 'none';
      Bitte vergessen Sie nicht die Antwort zu bewerten. Danke.:-)

      Comment


      • #4
        Danke für den Tipp, habe mit JS bisher noch nicht gearbeitet, werde es aber gleich mal ausprobieren.

        Comment


        • #5
          Habe es nun doch anders gelöst. Dadurch dass durch den Klick alle bisherigen Bilder auf visible=false und nur ein neues Bild auf visible = true gesetzt werden, habe ich dieses img einfach in eine neu asp-Seite eingefügt und rufe beim on-click-Ereignis die neue Seite auf.
          Ist zwar nicht die Lösung für das Problem, aber es reicht aus für mich...

          Danke für die Hilfe...

          Comment

          Working...
          X