mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 07:28 Benutzername: Passwort: Auto-Login

Thema: angeklickter DIV container hervorgehoben (unerwünscht) ! vom 23.03.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> angeklickter DIV container hervorgehoben (unerwünscht) !
Seite: Zurück  1, 2, 3, 4, 5  Weiter
Autor Nachricht
elagil
Threadersteller

Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.03.2012 10:52
Titel

Antworten mit Zitat Zum Seitenanfang

vielen dank für die mühen! das ist sehr verständlich kommentiert Lächel

ich mache mich dann mal ans durcharbeiten *zwinker*
  View user's profile Private Nachricht senden
elagil
Threadersteller

Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.03.2012 12:52
Titel

Antworten mit Zitat Zum Seitenanfang

so, ich denke ich habe das script verstanden Lächel ich kam nur sehr mit den dollarzeichen durcheinander, aber wenn sie nur ein jquery objekt deklarieren, ist das verständlich.

Danke nochmals, es funktioniert wirklich tadellos Lächel

Nun noch eine Kleinigkeit: wenn die seite "6.html" erreicht ist, soll der zähler auf "1.html" springen:

[code] $container.click(function(ev){
ev.preventDefault(); // standardverhalten des links ("öffne link") unterdrücken
seite = seite+1;
if(seite==6){
seite=1}
ladeSeite();
}) [/code]

ist es denn auch möglich (damit ich mich nicht unbedingt auf 6 festlegen muss) auf 1 zu springen, wenn die letzte .html datei aufgerufen wurde? erkennt javascript, dass eine datei nicht existiert? Lächel
  View user's profile Private Nachricht senden
Anzeige
Anzeige
elagil
Threadersteller

Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.03.2012 13:51
Titel

Antworten mit Zitat Zum Seitenanfang

es gibt eine kleine änderung *zwinker* weil alle daten, die ich lade bilder sind, muss ich mir ja nicht erst den aufwand machen und sie in htmls stecken... dazu hab ich mir folgendes ausgedacht... er funktioniert nicht *zwinker* :

JS:
Code:
(function(){
   
var seite = 0,
      stuhl = 0,
      pfad = "images/stuhlbilder/",
      $menu = $('.menu'),
      $container = $('#clickcontainer'),
      $ziel = $('#ziel');
 

   $menu.click(function(ev){
         ev.preventDefault();
         stuhl = $menu.index($(this));
         bildtausch(start, pfad + stuhl + seite + ".jpg");   
 //der div-cont. "#ziel" enthält ein bild mit dem namen "start", zu beginn ist seite "0".

         start = pfad + stuhl + seite + ".jpg"
//damit beim nächsten tausch des bildes das zu ersetzende bild bekannt ist, wird es neu festgelegt. ist wohl nicht ganz richtig so? schließlich enthält start jetzt einen dateinamen...

      });
    
    
    
    
   $container.click(function(ev){
         ev.preventDefault();      
   stuhl=stuhl+1
      bildtausch(start, pfad + stuhl + seite + ".jpg");
   start = pfad + stuhl + seite + ".jpg"
      })

  function bildtausch(aktuell,austausch){
document.images[aktuell].src=austausch;}
 
})();




HTML für den #ziel DIV-container
Code:
...
<div id="ziel"><img src="images/menu/start.jpg" alt="start" name="start" width="560" height="585"/>
    </div>
...



tut mir leid, dass ich den schönen code umgeworfen habe..


Zuletzt bearbeitet von elagil am Do 29.03.2012 13:52, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
gotoAndPlay

Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Do 29.03.2012 14:25
Titel

Antworten mit Zitat Zum Seitenanfang

Bilder kannst du nicht einfach so laden, du benötigst dafür schon ein IMG Tag.
Versuch es so:

$('#ziel').html('<img src='bildtausch' />);
  View user's profile Private Nachricht senden
elagil
Threadersteller

Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.03.2012 20:52
Titel

Antworten mit Zitat Zum Seitenanfang

das hat es irgendwie nicht getan...das bild liegt ja noch nicht im dokument?

ich hab etwas anderes gefunden, bei dem ich einem externen bild das src attribut zuweise. hier meine lösung, alles funktioniert Lächel.

das bild das anfangs in #ziel liegt trägt die id: start.

Code:
(function(){
   
var 
      pfad = "images/stuhlbilder/" ,
     stuhl = 0 ,
     seite = 0 ,
      $menu = $('.menu') ,
      $container = $('#clickcontainer') ,
      $ziel = $('#ziel') ;
 

   $menu.click(function(ev)
   {
         ev.preventDefault();
         stuhl = $menu.index($(this));
       seite = 0;
       var ersatz = pfad + stuhl + "/" + seite + ".jpg" ;
         $("#start").attr("src",ersatz); 

      });
     
     
      $container.click(function(ev){
         ev.preventDefault();       
   seite=seite+1;
   if(seite==6){seite=1};
   
   var ersatz = pfad + stuhl + "/" + seite + ".jpg" ;
         $("#start").attr("src",ersatz);
      
      })
 
})();


danke an alle die geholfen haben, die seite ist damit wohl fertig *zwinker*


Zuletzt bearbeitet von elagil am Do 29.03.2012 20:52, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
elagil
Threadersteller

Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.03.2012 21:31
Titel

Antworten mit Zitat Zum Seitenanfang

ahja doch noch eine kleinigkeit ^^

wie kann ich denn ein animiertes gif während des ladens des nächsten bildes einblenden? sowas wie einen fortschrittsbalken (ohne prozentanzeige oder so, nur ein wartesignal)...
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.03.2012 23:51
Titel

Antworten mit Zitat Zum Seitenanfang

Das img-Tag unterstützt ein onLoad-Event.

Zuletzt bearbeitet von bacon am Do 29.03.2012 23:51, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
elagil
Threadersteller

Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 30.03.2012 04:21
Titel

Antworten mit Zitat Zum Seitenanfang

geht das so eventuell? :

Code:
$('#laden')
    .hide()
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    })


#laden ist ein div mit einem animierten gif...

ich kann es nicht prüfen, ich denke aber, dass es nicht klappt
  View user's profile Private Nachricht senden
 
Ähnliche Themen 3D-Würfel unerwünscht!
DIV Container bei Mouseover über DIV Container anzeigen
DIV-Container soll anderen DIV-Container verdrängen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
CSS - was ist ein div-container?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4, 5  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.